/*
	Theme Name: unepfi2021
	Theme URI: http://www.unepfi.org/
	Author: Markup Media & EvoCode
	Author URI: http://www.unepfi.org/
	Description: Theme developed for UNEP - Finance Initiative. Contains descriptive pages, news articles, publication articles and event pages.
	Version: 1.0.2
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: fi
	Tags:
*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.1/font/bootstrap-icons.css");
:root {
    --black: #000;
    --white: #fff;
    --unep-red: #e75336;
    --unep-light-red: #eea496;
    --unep-gray: #f5f5f5;
    --unep-darkgray: #808080;
    --unep-blue: #009FE3;
    --unep-pagination-blue: #007dbc;
    --unep-pagination-darkgray: #333333;
    --unep-inverse-color: rgb(8, 8, 8);
    --unep-pub-default: #080c0a;
    --unep-darkblue: #007DBC;
    --unep-turcoaz: #346076;
    --unep-middle-red: #d06054;
    --unep-morepublications-bg: #f5f5f5;
    --highlights: #009FE3;
    --active-links: #007DBC;
    --text-links: #000;
    --dark-bg: #333;
    --light-links: #666;
    --light-boxes: #f5f5f5;
    --support-color-dark: #222;
    --support-color-mid-dark: #555;
    --support-color-gray: #999;
    --btn-register-border-color: #00757D;
    --primary-main: #e75336;
    --primary-highlights: #009fe3;
    --primary-active-links: #007dbc;
    --secondary-text-links: #000;
    --secondary-dark-bg: #333;
    --secondary-light-links: #666;
    --secondary-light-boxes: #f5f5f5;
    --supporting-color1: #222;
    --supporting-color2: #040404;
    --supporting-color3: #555;
    --supporting-color4: #999;
    --supporting-color5: #aaa;
    --supporting-color6: #ebebeb;
    --supporting-color7: #f2f1ec;
    --supporting-color8: #e9674e;
    --supporting-color9: #005599;
    --supporting-color10: #00757d;
}

:root{
	--Publication-Blue-Dark:  #04334A;
	--Black-Pure : #000;
	--Orange-60: var(--primary-main);
	--Gray-05: var(--unep-gray);
	--Gray-10: #EBEBEB;
	--Gray-20: #AAA;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #000;
}


/* Microsite stuff, place here so it can be overwritten */

.page-microsite-template .post-content .subtitle { font-size: 18px; line-height: 24px; font-weight: normal; color: #000; }

.page-microsite-template .post-content h2 { margin-bottom: 25px; }
.page-microsite-template .post-content h3 { margin: 0; margin-bottom: 20px;  }
.page-microsite-template .post-content h4 { margin: 0; margin-bottom: 20px;  }
.page-microsite-template .post-content h5 { margin: 0; margin-bottom: 20px;  }
.page-microsite-template .post-content h6 { margin: 0; margin-bottom: 20px;  }

.page-microsite-template .post-content p,
.page-template-page-microsite-fullwidth .post-content p { margin-top: 0; margin-bottom: 26px; }

.page-microsite-template .post-content .supporting-contributor { display: flex; align-items: center; margin-bottom: 50px; }
.page-microsite-template .post-content .supporting-contributor p { margin-bottom: 0; }
.page-microsite-template .post-content .supporting-contributor p:last-child { margin-left: 50px; }

.page-microsite-template .post-content-fullwidth p,
.page-template-page-microsite-fullwidth .post-content-fullwidth p { font-size: 18px; line-height: 24px; margin-top: 0; margin-bottom: 26px; }

.page-microsite-template .post-content-fullwidth a,
.page-template-page-microsite-fullwidth .post-content-fullwidth a { color: var(--primary-active-links); }

.page-microsite-template section.initiatives article p,
.page-template-page-microsite-fullwidth section.initiatives article p { font-size: 14px; }

.page-microsite-template .separator-description,
.page-template-page-microsite-fullwidth .separator-description { line-height: 26px!important }

.page-microsite-template .post-content-fullwidth .generic-enumeration-ct5 .container,
/*
.page-template-page-microsite-fullwidth .post-content-fullwidth .generic-enumeration-ct5 .container {
    max-width: 1350px;
}
*/
.page-microsite-template .post-content-fullwidth a h4,
.page-template-page-microsite-fullwidth .post-content-fullwidth a h4 { color: #000; }

.page-microsite-template .post-content-fullwidth .publications a h4,
.page-template-page-microsite-fullwidth .post-content-fullwidth .publications a h4 { color: #FFFFFF; }

.page-microsite-template section.publications .btn-more,
.page-template-page-microsite-fullwidth section.publications .btn-more { color: #555; background: #F5f5f5; }

/* END Microsite stuff, place here so it can be overwritten */

.form-control:focus {
    box-shadow: none!important;
}

.form-check-input:focus, .form-select:focus {
    box-shadow: none!important;
}

.pt80 {
    padding-top: 80px!important;
}

.pb80 {
    padding-bottom: 80px!important;
}

.mt80 {
    margin-top: 80px!important;
}

.mb80 {
    margin-bottom: 80px!important;
}

.pt130 {
    padding-top: 130px!important;
}

.pb130 {
    padding-bottom: 130px!important;
}

.mt130 {
    margin-top: 130px!important;
}

.mb130 {
    margin-bottom: 130px!important;
}

.pt20 {
    padding-top: 20px!important;
}

.pb20 {
    padding-bottom: 20px!important;
}

.mt20 {
    margin-top: 20px!important;
}

.mb20 {
    margin-bottom: 20px!important;
}

.pt25 {
    padding-top: 25px!important;
}

.pb25 {
    padding-bottom: 25px!important;
}

.mt25 {
    margin-top: 25px!important;
}

.mb25 {
    margin-bottom: 25px;
}

.p30 {
    padding: 30px!important;
}

.pt30 {
    padding-top: 30px!important;
}

.pb30 {
    padding-bottom: 30px!important;
}

.mt30 {
    margin-top: 30px!important;
}

.mb30 {
    margin-bottom: 30px!important;
}

.pt40 {
    padding-top: 40px!important;
}

.pb40 {
    padding-bottom: 40px!important;
}

.mt40 {
    margin-top: 40px!important;
}

.mb40 {
    margin-bottom: 40px!important;
}

.pt50 {
    padding-top: 50px!important;
}

.pb50 {
    padding-bottom: 50px!important;
}

.mt50 {
    margin-top: 50px!important;
}

.mb50 {
    margin-bottom: 50px!important;
}

.h50 {
    height: 50px!important;
}

.w1680 {
    max-width: 1680px;
    margin: 0 auto!important;
}

h1 {
    font-size: 55px;
    font-weight: bold;
    line-height: 60px;
}

h2 {
    font-size: 44px;
    font-weight: bold;
    line-height: 50px;
}

h3 {
    font-size: 36px;
    line-height: 40px;
    font-weight: bold;
}

h4 {
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;
}

h5 {
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
}

h5.bis {
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
}

h6 {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
}

header {
    position: relative;
}

.intro {
    font-size: 26px;
    line-height: 36px;
    font-weight: 300;
    color: #000;
}

.btn-style-1 {
    padding: 0;
    font-size: 15px;
    line-height: 28px;
    color: #000!important;
    background: #FFF;
    padding: 12px 22px;
    border-radius: 2px;
    border: solid 1px var(--supporting-color10);
    text-decoration: none!important;
}

.btn-style-1:hover {
    color: #FFF!important;
    background: var(--unep-pagination-blue);
    border: none;
}

.btn-style-2 {
    padding: 0;
    font-size: 15px;
    line-height: 28px;
    color: #fff!important;
    background: var(--unep-pagination-blue);
    padding: 12px 22px;
    border-radius: 2px;
    text-decoration: none!important;
}

.btn-style-2:hover {
    color: #000!important;
    background: #fff;
    border: none;
    border: solid 1px var(--supporting-color10);
}

hr {
    background-color: #aaa!important;
    opacity: 1!important;
}

.line-spacer {
    margin: 50px 0;
}

.paragraph-15px {
	color: var(--Black-Pure, #000);
	font-size: 15px;
	font-style: normal;
}

.paragraph-18px { font-size: 18px; line-height: 24px; font-weight: 400 }

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: calc(1350px + 1.5rem);
}

section .container .container { padding: 0; margin: 0; width: 100%; max-width: 100%; }

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 1);
    font-weight: bold;
}

.navbar-light .navbar-nav .depth_1 .nav-link:focus,
.navbar-light .navbar-nav .depth_1 .nav-link {
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7);
}

*:hover,
*:focus,
*:active {
    outline: none;
    /*box-shadow: none !important;*/
    -webkit-appearance: none;
    box-shadow: none;
}

.btn-more {
    padding: 20px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 0;
}

.btn-more-publications {
    background: var(--unep-morepublications-bg);
    color: #555;
    font-size: 18px;
}

.btn-more-publications:hover {
    background: var(--unep-darkgray);
}

.btn-dark {
    background: #000;
}

img.arrow-next {
    filter: invert(100%);
}

.uppercase {
    text-transform: uppercase;
}

.separator {
    width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    border-right: solid 1px var(--unep-darkgray);
}

.header-search-form {
    position: fixed;
    top: -999px;
    left: 0;
    width: 100%;
    background: var(--unep-gray);
    padding: 30px 0;
    transition: all 300ms linear;
    z-index: 1000;
}

.header-search-form.shown {
    top: 50px;
    transition: all 300ms linear;
}

.logged-in .header-search-form.shown {
    top: 82px;
}

.header-search-form .spacer-left {
    margin-left: 268px;
}

.header-search-form .search-title {
    font-weight: 300;
    color: var(--light-links);
    text-transform: uppercase;
    font-size: 12px;
}

.header-search-form article {}

.header-search-form article img {
    width: 100%;
    height: 57px;
    object-fit: cover;
}

.header-search-form article h5 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 22px;
}

.header-search-form article .top-title {
    margin: 10px 0;
    font-size: 14px;
    line-height: 20px;
}

.header-search-form .search-form {
    background: #FFF;
}

.header-search-form .search-form input {
    border: none;
}

.footer_menu {
    font-size: 15px;
    line-height: 20px;
}

.footer_menu ul.sub-menu li {
    padding: 0;
    margin: 8px 0;
}

.footer_menu ul {
    margin-top: 5px;
}

.footer_menu a {
    font-size: 15px;
    line-height: 20px;
    padding-left: 0px;
    display: block;
}

.footer_menu li.private-area-link a {
    padding-left: 20px;
    position: relative;
}

.footer_menu li.private-area-link a:before {
    content: "\f47b";
    font-family: 'bootstrap-icons';
    position: absolute;
    left: 0;
    font-size: 12px;
    color: var(--light-links)
}

.footer_menu li.outside-link a {
    padding-left: 20px;
    position: relative;
}

.footer_menu li.outside-link a:before {
    content: "\f1c5";
    font-family: 'bootstrap-icons';
    position: absolute;
    left: 0;
    font-size: 12px;
    color: var(--light-links);
}

.footer_menu span.category-title {
    font-weight: bold;
}

footer {
    padding: 3em 0;
    font-size: 0.9em;
    color: var(--unep-gray);
}

footer strong {
    margin-bottom: 1em;
    display: block;
}

footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer ul i {
    font-size: 0.8em;
}

footer .final {
    margin-top: 3em;
    padding: 3em 2em;
    background: rgb(26, 26, 26);
    height: 140px;
}

footer .final .socialMedia {
    display: inline-block;
    font-size: 2em;
}

footer .final .socialMedia li {
    display: inline-block;
    margin-left: 1.5em;
    color: var(--unep-darkgray)!important;
}

footer .final .socialMedia li:first-child {
    margin-left: 0;
}

footer .final .socialMedia li a[title="Linkedin"]:hover {
    color: #0a66c2;
}

footer .final .socialMedia li a[title="Youtube"]:hover {
    color: #ff0000;
}

footer .final .socialMedia li a[title="Facebook"]:hover {
    color: #0166e1;
}

footer .final .socialMedia li a[title="Twitter"]:hover {
    color: #1d9bf0;
}

footer p {
    color: var(--unep-darkgray);
}

footer p.end-text {
    font-size: 12px;
    line-height: 36px;
    color: #999;
    margin: 0;
    padding: 0;
}

/* NavBar Microsite */

nav.navbar-unep-microsite {
    height: 50px;
    font-size: 17px;
    background-color: white;
}

nav.navbar-unep-microsite .navbar-brand {
    width: 100px;
    display: block;
}
nav.navbar-unep-microsite span.logos {
    position: absolute;
    top: 0;
    height: 100px;
    z-index: 1;
}

nav.navbar-unep-microsite .logo img {
    height: 100px;
    width: auto;
}
nav.navbar-unep-microsite .partner-logo {
    padding-left: 10px;
}
nav.navbar-unep-microsite .partner-logo img {
    height: 100px;
    width: auto;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    object-fit: cover;
}

nav.navbar-unep-microsite .nav-link {
    color: var(--black);
    position: relative;
}

nav.navbar-unep-microsite .nav-link.dropdown-toggle.show:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: .5rem;
    width: calc(100% - 1rem);
    height: 3px;
    background: var(--unep-red);
    z-index: +1;
}

nav.navbar-unep-microsite .nav-link:hover::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: .5rem;
    width: calc(100% - 1rem);
    height: 3px;
    background: var(--unep-red);
    z-index: +1;
}

nav.navbar-unep-microsite .dropdown-menu {
    border-radius: 0;
    padding: 5px;
}
nav.navbar-unep-microsite .dropdown-item:hover {
    background: var(--unep-red);
    color: #FFF;
}

nav.navbar-unep-microsite .menu-item span {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

nav.navbar-unep-microsite .dropdown-menu.show, nav.navbar-unep-microsite .dropdown-menu.show:hover { box-shadow: 0 0 15px rgba(0,0,0, 5%); }
nav.navbar-unep-microsite .dropdown-item { font-size: 16px; line-height: 20px; padding: 12px; margin-bottom: 5px; display: block; }
nav.navbar-unep-microsite .dropdown-item.active, nav.navbar-unep-microsite .dropdown-item:active { background: var(--unep-red); color: #FFF; }
nav.navbar-unep-microsite .menu-item:last-child .dropdown-item { margin-bottom: 0; }


/* Main menu */

nav.navbar-unep {
    height: 50px;
    font-size: 17px;
    background-color: white;
    padding: 0;
}


nav.navbar-unep ul.main_menu {
    height: 50px;
}

nav.navbar-unep .navbar-brand {
    width: 100px;
    display: block;
}

nav.navbar-unep .logo {
    position: absolute;
    top: 0;
    height: 100px;
    z-index: 9999;
}

nav.navbar-unep .logo img {
    height: 100px;
    width: auto;
}

nav.navbar-unep .nav-link {
    color: var(--black);
    position: relative;
}

nav.navbar-unep .nav-link:hover {
    color: var(--unep-light-red);
}

nav.navbar-unep ul.depth_0 .nav-link:hover::after {
    content: "";
    position: absolute;
    top: 45%;
    right: -32px;
    width: 3px;
    height: 50%;
    transform: translateY(-50%);
    background: var(--unep-red);
    z-index: +1;
}

nav.navbar-unep ul.depth_0 .nav-link.active::after {
    content: "";
    position: absolute;
    top: 45%;
    right: -32px;
    width: 3px;
    height: 50%;
    transform: translateY(-50%);
    background: var(--unep-red);
    z-index: +1;
}


nav.navbar-unep ul.depth_1 .nav-link:hover::after {
    content: none;
}


nav.navbar-unep ul.depth_1 .nav-link.active::after {
    content: none;
}

nav.navbar-unep ul.depth_2 .nav-link.active::after {
    content: none;
}

nav.navbar-unep .navbar-toggler {
    position: absolute;
    right: 10px;
}

nav.navbar-unep ul {
    padding: 0;
    list-style: none;
}

nav.navbar-unep ul.main_menu {
    margin-bottom: 3px;
}

nav.navbar-unep ul.main_menu > li {
    padding-top: 7px;
}

nav.navbar-unep ul.main_menu > li {
    border-bottom: solid 3px transparent;
    font-weight: 500;
    margin-left: 18px;
    margin-right: 18px;
}

nav.navbar-unep ul.main_menu > li:hover {
    border-bottom: solid 3px var(--unep-red);
}

nav.navbar-unep ul.main_menu > li:not(:first-child)::after {
    position: absolute;
    content: "";
    color: lightgray;
    top: 19px;
    width: 1px;
    height: 14px;
    margin-left: -18px;
    background: lightgray;
    display: block;
}

nav.navbar-unep li.dropdown ul.dropdown-menu {
    background-color: var(--unep-gray);
}

nav.navbar-unep .menu-item span {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


nav.navbar-unep ul.depth_0 .current-menu-item {}

nav.navbar-unep ul.depth_1 .current-menu-item {
    border-right: none;
}

nav.navbar-unep ul[class*="depth_"] a:hover {
    color: var(--unep-red)!important;
}

nav.navbar-unep ul[class*="depth_"] {
    max-width: 280px!important;
    top: 0!important;
    border-radius: 0;
    border: 0;
}

nav.navbar-unep ul.depth_0 > li.active-dropdown > a.nav-link {
    color: var(--unep-red)!important;
}

nav.navbar-unep ul.depth_0 > li.active-dropdown > a.nav-link::after {
    content: "";
    position: absolute;
    top: 45%;
    right: -32px;
    width: 3px;
    height: 50%;
    transform: translateY(-50%);
    background: var(--unep-red);
    z-index: +1;
}


nav.navbar-unep ul[class*="depth_"] .dropdown-menu {
    margin-top: 0;
    height: 100%;
}

nav.navbar-unep ul[class*="depth_"] li a {
    display: block;
    clear: both;
    white-space: normal;
}

nav.navbar-unep ul[class*="depth_"] li a:hover {
    text-decoration: none;
    background-color: #f5f5f5;
}

nav.navbar-unep ul.depth_1 a.nav-link:hover {
    text-decoration: underline!important;
}

nav.navbar-unep .featured-content {
    display: none;
    max-width: 320px;
}

nav.navbar-unep .featured-content h4 {
    font-weight: normal;
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 3px;
    color: var(--unep-darkgray);
}

nav.navbar-unep .post-highlight {
    background-color: white;
    margin-bottom: 2px;
    padding: 0.5em;
}

nav.navbar-unep .post-highlight h5 {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
}

nav.navbar-unep .post-highlight p {
    font-weight: normal;
    font-size: 14px;
}

nav.navbar-unep .columns-3 {
    background-color: var(--unep-gray);
    left: 0px;
    right: 0px;
    border: 0px;
    top: 50px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

nav.navbar-unep .columns-3 ul {
    padding: 0px;
}

nav.navbar-unep ul.depth_0 {
    border-right: solid 1px var(--unep-red);
    margin-left: 269px;
    padding-right: 30px;
}

/* End main menu */

.p-10 {
    padding: 6em;
}

.pb-20 {
    padding-bottom: 12em;
}

.pt-7 {
    padding-top: 4.5em;
}

.mb-7 {
    margin-bottom: 4.5em;
}

a {
    color: var(--black);
    text-decoration: none;
}

a:hover {
    color: var(--unep-red);
}

.link_404 { color: var(--unep-darkblue); }

.border-red-toRight {
    border: solid 5px var(--unep-red);
    border-left: none;
}

.border-red-toLeft {
    border: solid 5px var(--unep-red);
    border-right: none;
}

.bg-default {
    background: var(--unep-pub-default);
}

.bg-black {
    background: var(--black);
}

.bg-light-red {
    background: var(--unep-light-red);
}

.bg-darkblue {
    background: var(--unep-darkblue);
}

.bg-turcoaz {
    background: var(--unep-turcoaz);
}

.bg-middle-red {
    background: var(--unep-middle-red);
}


/* Publication background classes */

.bg-publications-1 {
    background: #04334a;
}

.bg-publications-2 {
    background: #0c646a;
}

.bg-publications-3 {
    background: #bc473a;
}

.bg-publications-4 {
    background: #365a4b;
}

.bg-publications-5 {
    background: #486363;
}

.bg-publications-6 {
    background: #7e8321;
}

main {
    margin-top: 50px;
}

.inverse {
    background: var(--unep-inverse-color);
}

.inverse * {
    color: var(--white);
}

.spacer {
    height: 4rem;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-black {
    color: var(--black);
}

.text-white {
    color: var(--white);
}

.line-points {
    height: 1px;
    border-bottom: dashed 1px var(--unep-darkgray);
}

.line-blue {
    position: relative;
}

.line-highlights {
    position: relative;
}

.line-highlights:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: 40px;
    height: 5px;
    background: var(--highlights);
}

.line-blue:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: 40px;
    height: 5px;
    background: var(--unep-blue);
}

.line-red {
    position: relative;
}

.line-red:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: 40px;
    height: 5px;
    background: #e9674e;
}

.line-semitransparent {
    position: relative;
}

.line-semitransparent:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: 40px;
    height: 5px;
    background: rgba( 255, 255, 255, 50%);
}

h2[class^="line-"] {
    padding-top: 23px;
}

h3[class^="line-"] {
    padding-top: 23px;
}

h4[class^="line-"] {
    padding-top: 23px;
}

h5[class^="line-"] {
    padding-top: 23px;
}

h6[class^="line-"] {
    padding-top: 23px;
}

h1[class^="line-"] {
    padding-top: 23px;
}

.post-content h2[class^="line-"] {
    margin-top: 25px;
}

.post-content h1[class^="line-"] {
    margin-top: 25px;
}

.post-content h3[class^="line-"] {
    margin-bottom: 20px;
    margin-top: 0px;

}

.post-content h4[class^="line-"] {
    margin-bottom: 20px;
}

.post-content h5[class^="line-"] {
    margin-bottom: 20px;
}

.post-content h6[class^="line-"] {
    margin-bottom: 20px;

}

.btn-light {
    color: #000;
    background-color: var(--unep-gray);
    border-color: trasparent;
}

.share-area {
    position: relative;
}

.share-area .share {
    color: #aaa;
    margin: 0 auto;
    text-align: center;
    display: block;
    font-size: 10px;
    line-height: 20px;
    text-transform: uppercase;
    padding-top: 10px;
}

.share-area .share::before {
    content: '\f52e';
    font-family: 'bootstrap-icons';
    font-size: 24px;
    display: block;
}

.share-area .share i {
    display: none;
}

.share-area .share-wrapper {
    opacity: 0;
    border: solid 1px #aaa;
    text-align: center;
    padding: 5px 0;
    width: auto;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 300ms ease-out;
    border-radius: 5px;
}

.share-area:hover .share-wrapper {
    opacity: 1;
    transition: all 300ms ease-in;
}

.share-area .share-wrapper a {
    margin: 8px;
    padding: 0;
    display: block;
}

.share-area .share-wrapper a img {
    width: 24px;
    min-width: 24px;
    height: auto;
}

/* Share area for news template on mobile */
.share-area-mobile {
    padding: 8px 0px;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    border-bottom: solid 1px var(--unep-red);
    text-align: left;
    width: 100%;
}

.share-area-mobile a {
    margin-right: 10px;
}

/* END Share area for news template on mobile */


.post-content {
    font-size: 18px;
    line-height: 24px;
    /*overflow: hidden;*/
    overflow: visible!important;
}

.post-content p { margin-top: 0; margin-bottom: 18px; }
.post-content img.aligncenter { text-align: center; margin: 0 auto!important; display: block; }

.post-content a {
    color: var(--primary-active-links);
}

.post-content a:hover {
    color: var(--primary-main);
    text-decoration: underline;
}

.post-content blockquote {
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
    font-style: italic;
    padding: 1.5rem;
    position: relative;
    color: var(--supporting-color9);
    margin: 2rem 0;
}

.post-content blockquote p {
    margin: 0;
    padding: 0;
    font-size: 22px;
    line-height: 25px;
}

.post-content blockquote:before {
    content: '';
    position: absolute;
    width: 3rem;
    height: 5px;
    top: 0;
    left: 0;
    background: var(--unep-blue);
}

.post-content blockquote:after {
    content: '';
    position: absolute;
    width: 3rem;
    height: 5px;
    bottom: 0;
    right: 0;
    background: var(--unep-blue);
}

.post-content blockquote.highlight {
    font-size: 22px;
    margin: 1.5rem 0;
    padding: 0;
    background: none;
    line-height: 36px;
    font-weight: 300;
    text-transform: initial;
    text-decoration: initial;
    font-style: initial;
    color: #000;
}

.post-content blockquote.highlight p {
    margin: 0;
    padding: 0;
    font-size: inherit; line-height: inherit;
}

.post-content blockquote.highlight:before {
    content: none;
}

.post-content blockquote.highlight:after {
    content: none;
}

.post-content figure {
    max-width: 100%;
}

.post-content img {
    max-width: 100%;
    height: auto;
}

.post-content p img.alignleft { float: left; margin-right: 60px; }
.post-content p img.alignright { float: right; margin-left: 60px; }
.post-content p img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.post-content p img.aligncenter + * { clear: both; }

.post-content i,
.post-content b {
    display: block;
}

.post-content .fasc-button {
    display: ineline-block;
}

.post-content .popuptext {
    display: none;
}

.post-content .speakergrid {
    display: inline-block;
    width: calc(25%);
    max-width: 180px;
    margin: 0;
    padding: 0;
    margin-right: 30px;
    height: 312px;
    margin-bottom: 30px;
    vertical-align: top;
    overflow: hidden;
    cursor: pointer;
}
/*
.post-content .speakergrid:nth-child(4n+1) {
    margin-right: 0;
}
*/
.post-content .speakergrid>img {
    width: 180px;
    height: 180px;
    object-fit: cover;
    margin-bottom: 10px;
}

.post-content .speakergrid>p {
    font-size: 20px;
    line-height: 26px;
    margin: 0;
}

.post-content .speakergrid>p>br {
    display: none;
}

.post-content .speakergrid>p>strong {
    display: block;
    margin-bottom: 10px;
}

.post-content .speakergrid>p>small {
    display: block;
    font-size: 14px;
    line-height: 18px!important;
    line-height: normal;
}

.post-content .wpsm_nav-tabs {
    margin-bottom: 50px;
    position: relative;
    border: none;
    margin-top: 50px;
}

.post-content .wpsm_nav-tabs:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0px;
    border-bottom: solid 1px #000;
    z-index: -1;
}

.post-content .wpsm_nav-tabs li a {
    border: none;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--unep-darkgray);
    border-bottom: solid 3px transparent;
}

.post-content .wpsm_nav-tabs li.active a {
    border: none;
    border-bottom: solid 3px #000;
}

.post-content .wpsm_nav-tabs li a:hover {
    color: #000;
    border: none;
    border-bottom: solid 3px #000;
    background: none;
}

.post-content .wpsm_nav-tabs li.active a:hover {
    color: #000;
    border: none;
    border-bottom: solid 3px #000;
    background: none;
}

.post-content span.popupagenda {
    color: var(--unep-darkblue);
    cursor: pointer;
}

.post-content span.popupagenda:hover {
    color: #000;
}

.post-content ul, .post-content-fullwidth ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: inherit;
    line-height: inherit;
    color: #000;
    margin-bottom: 30px;
}

.post-content ul>li, .post-content-fullwidth ul > li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
}

.post-content ul>li:before, .post-content-fullwidth ul > li:before {
    content: "\F582";
    font-family: 'bootstrap-icons';
    position: absolute;
    top: 0px;
    left: 0;
    z-index: +1;
    color: var(--unep-red); 
    font-size: 8px;
}

.post-content ul a, .post-content-fullwidth ul a {
    color: var(--unep-blue);
    backgroundc: var(--unep-red);
}

.highlights {
    margin-bottom: 3rem;
}

.highlights h2 {
    margin-bottom: 1.5rem;
}

.highlights h2[class^="line-"] {
    padding-top: 23px;
}

.highlights .col {
    position: relative;
}

.highlights article {
    background: var(--unep-gray);
    position: relative;
    height: 100%;
    padding: 15px;
    padding-bottom: 2rem;
    font-size: 0.9em;
}

.highlights article h3 {
    margin-bottom: 1rem;
}

.highlights article a h3 {
    color: #000;
    font-size: 24px; line-height: 28px;
}

.highlights article a:hover h3 {
    color: var(--unep-red);

}

.highlights article p {
    margin-bottom: 1rem;
    font-size: 14px;
    line-height: 20px;
}

.highlights article .read-more {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    display: block;
}

.modal .closepopup {
    display: none;
}

.modal-speaker .modal-content {
    padding: 40px;
    border-radius: 0;
}

.modal-speaker .modal-body {
    margin: 0;
    padding: 0;
    margin-top: 30px;
}

.modal-speaker .modal-header {
    margin: 0;
    padding: 0;
    padding-bottom: 30px;
    border-bottom: solid 1px #e75336;
    justify-content: flex-start;
    align-items: flex-start;
}

.modal-speaker .modal-body .post-content {
    font-size: 16px;
    line-height: 22px;
}

.modal-speaker h4 {
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
}

.modal-speaker h5 {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
}

.modal-speaker h6 {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
}

.modal-speaker p,
.modal-speaker ul {
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
}

.modal-speaker .post-content ul>li:before {
    content: " ";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 7px;
    left: 0;
    z-index: +1;
    background: var(--unep-red);
    border-radius: 50%;
}

.modal-speaker hr {
    background-color: #ddd;
}

.modal-speaker .btn-close-speaker {
    position: absolute;
    right: 50px;
    ;
    top: 50px;
    z-index: +1;
}

.modal-speaker .modal-header img {
    width: 180px!important;
    height: 180px;
    object-fit: cover;
}

.modal-speaker small {
    font-size: 11px;
}

.modal-speaker .speaker-company {
    font-size: 18px;
    line-height: 24px;
}

section h2 {
    position: relative;
    margin: 0;
    padding: 0;
    padding-right: 1.7em;
    font-weight: 600;
    padding-top: 23px;
}

.wall {
    padding: 0;
    padding-bottom: 1px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 466px;
}


.wall.blue {
    background: var(--unep-darkblue);
}


.wall.frontpage {
    margin-top: 50px;
    padding-bottom: 0;
    position: relative;
    padding-top: 90px;
    background-image: url('assets/images/front-page/home-bg.png');
}

.wall.frontpage:after {
    content: none;
}

.wall .date-category {
    font-size: 16px;
    font-weight: normal;
    line-height: 36px;
}

.wall .date-category a {
    color: #FFF;
}

.wall .date-category a:hover {
    color: var(--unep-light-red);
}

.wall h1 {
    width: 75%;
    color: var(--white);
    position: relative;
    z-index: +1;
    margin-bottom: 15px;
    margin-top: 30px;
}

.wall.publication-list h1 {
    color: #000;
}

.wall.publication-list p {
    font-size: 18px;
    line-height: 24px;
}

.wall h1[class^="line-"] {
    padding-top: 23px;
}

.wall h2[class^="line-"] {
    padding-top: 23px;
}

.single-publication h2 {
    color: #FFF;
}

.news-detail .wall h2 {
    color: #FFF;
    width: 70%;
}

.wall.wall-member {
    background: #FFF;
    position: relative;
}

.wall.wall-member:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: solid 10px #ececec;
}

.wall.wall-member h1 {
    color: #000;
    width: 100%;
}

.wall.wall-member p.country {
    font-size: 18px;
    line-height: 36px;
    color: #000;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

.wall.wall-member a.website {
    font-size: 16px;
    line-height: 24px;
    color: var(--primary-active-links);
}

.wall.wall-member ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
}

.wall.wall-member ul li {}

.wall.wall-member ul li span:first-child {
    width: 20%;
    display: inline-block;
}

.wall.wall-member .logo {
    max-width: 320px;
}

.wall.leadership-council h2 {
    color: #FFF;
}

.wall.leadership-council p {
    color: #FFF;
    font-size: 18px;
    line-height: 24px;
}


/*
.wall used in single-publication.php
article used in category-publications.php (in listing when no image)
*/

.wall .no-publication-image {
    width: 170px;
    position: relative;
    padding: 15px;
    overflow: hidden;
    box-shadow: -4px 4px 15px rgba(0, 0, 0, .25);
    height: 239px;
    object-fit: cover;
}


.wall .no-publication-image h4 {
    display: -webkit-box;
    font-size: 20px;
    line-height: 24px;
    -webkit-line-clamp: 8;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

article .no-publication-image {
    min-width: 170px;
    width: 170px;
    height: 240px;
    position: relative;
    padding: 15px;
    margin-right: 2rem;
}

article .no-publication-image h5 {
    display: -webkit-box;
    font-size: 20px;
    line-height: 24px;
    -webkit-line-clamp: 8;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.wall .no-publication-image a,
article .no-publication-image a {
    color: #FFF;
}

.wall .no-publication-image a:hover,
article .no-publication-image a:hover {
    color: var(--unep-red);
}

.wall.black h1 {
    color: #000;
}

.wall p {
    font-size: 20px;
    color: var(--black);
    color: #FFF;
    font-weight: 400;
    position: relative;
    z-index: +1;
    line-height: 22px;
}

.wall p.event-type {
    font-size: 16px;
    line-height: 36px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: normal;
}

.wall.members p {
    color: #FFF;
    font-size: 18px;
    line-height: 24px;
}

.wall.members a.join-unepfi {
    color: #FFF;
    position: relative;
    font-size: 15px;
    line-height: 40px;
}

.wall.members a.join-unepfi:after {
    content: "\F138";
    font-family: 'bootstrap-icons';
    font-weight: bold;
    font-size: 12px;
    margin-left: 10px;
}

.wall.members a.join-unepfi:hover {
    color: var(--unep-red);
}

.wall.members a.join-unepfi:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 1px;
    background: var(--unep-red);
    bottom: 0;
    left: 0;
    display: none;
}

.wall.members a.join-unepfi:hover:before {
    display: block;
}

.wall .event-details {
    margin: 15px 0 30px 0;
}

.wall p.event-location {
    color: #FFF;
    font-weight: 500;
    font-size: 22px;
    line-height: 36px;
    margin: 0;
    padding: 0;
}

.wall p.event-location:before {
    content: "\f3e8";
    font-family: 'bootstrap-icons';
    font-size: 18px;
    line-height: 36px;
    font-weight: bold;
    margin-right: 15px;
}

.wall p.event-date {
    color: #FFF;
    font-weight: 500;
    font-size: 22px;
    line-height: 36px;
    margin: 0;
    padding: 0;
}

.wall p.event-date:before {
    content: "\f293";
    font-family: 'bootstrap-icons';
    font-weight: bold;
    font-size: 18px;
    line-height: 36px;
    margin-right: 15px;
}

.wall p.event-field-hour {
    color: #FFF;
    font-weight: 500;
    font-size: 22px;
    line-height: 36px;
    margin: 0;
    padding: 0;
}

.wall p.event-field-hour:before {
    content: "\F1F6";
    font-family: 'bootstrap-icons';
    font-weight: bold;
    font-size: 18px;
    line-height: 36px;
    margin-right: 15px;
}

.wall .btn-register {
    padding: 5px 22px;
    min-width: 150px;
    font-size: 15px;
    line-height: 28px;
    color: #000;
    background: #FFF;
    border: solid 1px var(--btn-register-border-color);
    border-radius: 2px;
}
.wall .btn-register:hover {
    background: var(--unep-darkblue);
    color: #FFF;
}

.wall .open-report {
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    color: #FFF;
    font-weight: normal;
    margin-top: 30px;
}

.wall .open-report:hover {
    text-decoration: underline;
}

.wall span.icon {
    content: "\f138";
    font-family: 'bootstrap-icons';
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 0px;
    text-decoration: none!important;
    color: #FFF;
}

.wall .joinus {
    display: block;
    font-size: 1.2em;
    text-decoration: none;
}

.wall .joinus i {
    margin-left: 1em;
}

.wall .direction {
    position: relative;
    width: 40%;
    border: solid 4px var(--unep-light-red);
    border-right: none;
    font-size: 18px;
    line-height: 1.2em;
    margin: 0;
    font-weight: normal;
    line-height: 24px;
    color: #FFF;
}

.wall .direction p {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: block;
    width: 100%;
    color: #FFF;
    font-size: 18px;
    line-height: 24px;
    vertical-align: middle;
    margin: 0;
    padding: 0 0px 0 30px;
}

.wall .direction .img-direction {
    position: absolute;
    top: -61px;
    right: -44px;
    filter: invert(77%) sepia(12%) saturate(1898%) hue-rotate(315deg) brightness(101%) contrast(87%);
}

.wall .heading {
    position: relative;
    display: flex;
    align-items: stretch;
}

.wall .heading h2 {
    padding-top: 0;
}

.wall .heading h3 {
    padding-top: 0;
}

.wall .direction:before {
    content: f061;
    position: absolute;
    top: 0;
    right: 0;
}

.wall .direction:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -800%;
    width: 800%;
    bottom: -4px;
    border-bottom: solid 4px var(--unep-light-red);
}

.wall .heading:before {
    content: " ";
    width: 30px;
    height: 30px;
    border: solid 4px var(--unep-light-red);
    border-radius: 50%;
    bottom: -13px;
    left: -19%;
    position: absolute;
}

.wall .heading .circle-header {
    position: absolute;
    width: 15%;
    height: 100%;
    border: solid 4px var(--unep-light-red);
    border-left: none;
    left: calc(-15% - 2em);
    top: 0;
    border-left: none;
}

.wall .heading .circle-header:before {
    content: "";
    width: 800%;
    height: 4px;
    background: var(--unep-light-red);
    position: absolute;
    top: -4px;
    left: -800%;
}

.wall .heading:after {
    content: ' ';
    position: absolute;
    left: calc(-100% - 2em);
    width: -100%;
    bottom: 0;
    border-bottom: solid 4px var(--unep-light-red);
}

.wall.withImage {
    height: 500px;
    background-size: cover;
    width: 100%;
}

.wall .vertical-center {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.wall .heading h2 {
    width: 60%;
}

.wall .heading h3 {
    width: 60%;
}

.wall .publication-details {
    font-size: 18px;
    font-weight: 300;
    color: #000;
    margin-top: 20px;
}

.wall .publication-details p {
    margin: 0;
    padding: 0;
    font-size: inherit;
    line-height: 24px;
    font-weight: inherit;
}

.wall .news-detail {
    font-size: 16px;
    color: #FFF;
    font-weight: normal;
    line-height: 36px;
}

.wall .news-detail a {
    color: #FFF;
}

.wall .news-detail a:hover {
    color: var(--unep-red);
}

.wall p.image-description {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #FFF;
    font-size: 12px;
    line-height: 22px;
    font-weight: normal;
    padding-right: 15px;
    opacity: 0.8;
}

.wall .search-form {
    width: 70%;
    margin-top: 40px;
}


.wall .search-form input {
    border: #fff!important;
    border-radius: 0;
}

.wall .search-form .input-group .form-control {
    background: #FFF!important;
    border: none!important;
    padding: 24px 24px 18px 26px!important;
    border-radius: 0;
    color: #666;
    font-size: 18px;
    line-height: 24px;
}

.wall .search-form .input-group .form-control.input-text::placeholder {
    color: #000;
}

.wall .search-form .input-group button {
    background: #FFF;
    border-radius: 0;
}

.wall.single-event h2 {
    color: #FFF;
}

.wall .img-publication {
    box-shadow: -4px 4px 15px rgba(0, 0, 0, .25);
    height: 239px;
    object-fit: cover;
}

.wall .category-description {
    font-size: 18px;
    font-weight: 300;
    margin-top: 20px;
}

.wall .category-description p {
    margin: 0;
    padding: 0;
    font-size: inherit;
    line-height: 24px;
    font-weight: inherit;
    color: #000;
}

body.tag .wall .category-description p { color: #FFF; }
body.archive .wall .category-description p { color: #FFF; }

.slickAjax .slick-arrow {
    position: absolute;
    bottom: 0;
    width: auto;
}

.slickAjax .slick-arrow.next {
    right: 0;
}

.slickAjax .slick-arrow.prev {
    left: 0;
}

.slickAjax .slick-dots {
    list-style: none;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 100px;
    margin: 0;
}

.slickAjax .slick-dots li {
    display: inline-block;
}

.slickAjax .slick-dots li button {
    line-height: 1.5;
    vertical-align: middle;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    border: 1px solid transparent;
    margin-right: 2px;
}

.slickAjax .slick-dots li.slick-active button {
    background: var(--unep-blue);
    color: var(--white);
}

.slickAjax-item article {}

.slickAjax-item article img {
    margin-bottom: 1em;
}

.slickAjax-item article .fixedHeight {
    height: 200px;
    overflow: hidden;
}

.slickAjax-item article h4 {
    font-size: 1.2em;
    font-weight: 600;
}

.slickAjax-item article p {
    font-size: 0.8em;
}

.unepfi-pagination {
    font-size: 15px;
    margin-top: 50px;
}

.unepfi-pagination li {
    margin: 0!important;
    padding: 0!important;
}

.unepfi-pagination li:before {
    content: none!important;
}

.unepfi-pagination .page-link {
    border: none;
    background: #f5f5f5;
    border-radius: 0;
    margin-right: 8px;
    color: #333;
    line-height: 20px;
}

.unepfi-pagination .page-item:first-child .page-link {
    border-radius: 0;
}

.unepfi-pagination .page-item:last-child .page-link {
    border-radius: 0;
}

.unepfi-pagination .page-item.active .page-link {
    background: var(--unep-pagination-blue);
}

.unepfi-pagination .page-item:hover .page-link {
    background: var(--unep-pagination-blue);
    color: #FFF;
}

.unepfi-pagination .page-item .page-link[aria-label="Next Page"] {
    padding-left: 25px;
    padding-right: 25px;
}

.unepfi-pagination .page-item .page-link[aria-label="Previous Page"] {
    padding-left: 25px;
    padding-right: 25px;
}

.pagination {
    font-size: 15px;
    margin-top: 50px;
}

.pagination li {
    margin: 0!important;
    padding: 0!important;
}

.pagination li:before {
    content: none!important;
}

.pagination .page-link {
    border: none;
    background: #f5f5f5;
    border-radius: 0;
    margin-right: 8px;
    color: #333;
    line-height: 20px;
}

.pagination .page-item:first-child .page-link {
    border-radius: 0;
}

.pagination .page-item:last-child .page-link {
    border-radius: 0;
}

.pagination .page-item.active .page-link {
    background: var(--unep-pagination-blue);
}

.pagination .page-item:hover .page-link {
    background: var(--unep-pagination-blue);
    color: #FFF;
    text-decoration: none;
}

.pagination .page-item .page-link[aria-label="Next Page"] {
    padding-left: 25px;
    padding-right: 25px;
}

.pagination .page-item .page-link[aria-label="Previous Page"] {
    padding-left: 25px;
    padding-right: 25px;
}

.pagination .page-item.disabled {
    visibility: hidden;
}

article.post {}

article.post h2 {
    padding: 0;
}

article.post .read-more {
    position: absoute;
    bottom: 0;
    left: 0;
    color: var(--unep-blue)
}

.fancyBg {
    background: url(/assets/images/back-bg.png) repeat top left;
    padding: 1.5em 2.5em 0 6.4em;
    margin-top: 3em;
    margin-bottom: 3em;
    position: relative;
}

.fancyBg div {
    background: var(--unep-gray);
    padding: 2em;
}

.fancyBg span {
    position: absolute;
    top: 0em;
    left: 0.5em;
    font-size: 3em;
    color: var(--unep-red);
}

.investmentCommittee {
    margin-top: 4em;
}

.investmentCommittee h2 {
    margin-bottom: 1em;
}

.investmentCommittee h6 {
    font-weight: 900;
    margin: 0;
    padding: 0;
}

.investmentCommittee p {
    font-size: 0.8em;
}

section {}

section article {
    position: relative;
}

section.slickSlider {
    position: relative;
    margin-top: 90px;
}

section.slickSlider:after {
    content: ' ';
    position: absolute;
    height: calc(50%);
    width: 100%;
    bottom: 0;
    left: 0;
    background: var(--unep-gray);
    z-index: 1;
}

section.slickSlider .slick-controls {
    position: absolute;
    top: 0;
    right: 0;
    z-index: +1;
}

section.slickSlider p.heading {
    position: relative;
    z-index: +1;
}

section.slickSlider .slick {
    z-index: +2;
}

section.slickSlider .slick>div {
    margin-right: 1px;
}

section.slickSlider .black {
    background: var(--black);
    position: relative;
    height: 198px;
}

section.slickSlider .black p.top {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: var(--unep-darkgray);
    padding: 0 1rem 0 1rem;
    line-height: 36px;
    color: #999
}

section.slickSlider .black h3 {
    font-size: 20px;
    line-height: 26px;
    color: var(--white);
    padding: 0 1rem 1rem 1rem;
    font-weight: 500;
    transition: all 200ms ease-out;
}

section.slickSlider .black .read-more {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1rem;
    font-size: 14px;
    color: var(--white);
    font-weight: 600;
    transition: all 200ms ease-out;
}

section.slickSlider .slick a.next {
    position: absolute;
    top: calc(50% - 2em);
    right: -0.5em;
    display: block;
    font-size: 2em;
    color: #FFF;
}

section.slickSlider .slick a.prev {
    position: absolute;
    top: calc(50%);
    right: -0.5em;
    color: var(--unep-red);
    display: block;
    font-size: 2em;
    z-index: +1;
}

section.slickSlider .slick a.prev img {
    filter: invert(45%) sepia(40%) saturate(5225%) hue-rotate(343deg) brightness(96%) contrast(88%);
}

section.slickSlider .slick a:hover {
    color: var(--unep-light-red);
}

section.slickSlider .slick article {
    max-width: 402px;
}

section.slickSlider .slick article img {
    width: 100%;
    height: 198px;
    object-fit: cover;
}

section.slickSlider .slick article:hover h3 {
    color: var(--unep-red);
    transition: all 200ms ease-in;
    text-decoration: underline;
}

section.slickSlider .slick article:hover .read-more {
    font-size: 14px;
    text-decoration: underline;
    line-height: 20px;
    font-weight: normal;
    color: var(--unep-red);
    transition: all 200ms ease-in;
}

section.explore-area {
    position: relative;
    padding-top: 85px;
}

section.explore-area h2 {
    padding-top: 23px;
}

section.explore-area:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 80%;
    width: 100%;
    background: var(--unep-gray);
}

section.explore-area p {
    position: relative;
    z-index: +1;
    font-size: 18px;
    line-height: 24px;
}

section.explore-area .areas {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    background: var(--white);
    z-index: auto;
    position: relative;
}

section.explore-area .areas:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 100%;
    box-shadow: 0 0 40px #e0e0e0;
    z-index: -4;
}

section.explore-area .areas a.item {
    width: 33.33%;
    color: var(--black);
    display: block;
    text-align: center;
    height: 220px;
    position: relative;
}

section.explore-area .areas a.item:hover {
    background: var(--unep-red);
    color: var(--white);
}

section.explore-area .areas a.item>div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

section.explore-area .areas a.item>div h4 {
    margin: 0;
    padding: 0;
    font-size: 1.8em;
    font-size: 30px;
}

section.explore-area .areas a.item>div h4 img {
    position: relative;
    top: -2px;
}

section.explore-area .areas a.item img.dir-icon {
    filter: invert(69%) sepia(100%) saturate(1%) hue-rotate(317deg) brightness(94%) contrast(107%);
}

section.explore-area .areas a.item:hover>div h4 img {
    filter: invert(100%);
}

section.initiatives {
    margin-top: 50px;
}

section.initiatives.inpage .container {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

section.initiatives h2 {
    color: #000;
    font-size: 44px;
    padding-top: 23px;
    line-height: 50px;
}

section.initiatives article {}

section.initiatives article:nth-child(3n) {
    margin-right: 0;
}

section.initiatives article img {
    width: 100%;
    height: 60px;
    object-fit: cover;
}

section.initiatives article h4 {
    margin-top: 0.8rem;
    font-size: 20px;
    line-height: 22px;
}

section.initiatives article h4:hover {
    color: #e75336
}

section.initiatives article p {
    color: #000!important;
    line-height: 20px!important;
    font-size: 14px;
}


/*section.initiatives article:nth-child(3n+1) { margin-left: 0; }
section.initiatives article:nth-child(3n) { margin-right: 0; } */

section.events {
    background: #222;
    padding-top: 6em;
}

section.events h2 {
    margin-bottom: 1.5em;
}

section.events article {
    border-top: solid 1px var(--unep-pub-default);
}

section.events article p {
    color: #999;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    padding: 12px 0;
}

section.events article p.date {
    color: #999;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 12px 0;
}

section.events article a h4 {
    font-size: 1.5em;
    font-weight: 600;
    transition: all 200ms ease-out;
}

section.events article:first-child a h4 {
    font-size: 30px;
    line-height: 36px;
    margin: 0;
    padding: 0;
}

section.events article a:hover h4 {
    color: var(--unep-red);
    transition: all 200ms ease-in;
}

section.events article a h5 {
    transition: all 200ms ease-out;
    font-size: 24px;
    line-height: 28px;
}

section.events article a:hover h5 {
    color: var(--unep-red);
    transition: all 200ms ease-in;
}

section.events .more-events-button {
    background: #040404;
    border: none;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    padding: 23px;
}

section.events .more-events-button:hover {
    background: var(--unep-red);
    color: #FFF!important;
}

section.events article.extra {
    background: var(--black);
    border: none;
}

section.events article.extra .event {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

section.events article.extra .event div {
    padding: 1em;
}

section.events article.extra .colorsLine {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
}

section.events article.extra .colorsLine span {
    display: block;
}

section.events article.extra .colorsLine .s1 {
    background: #5e7c7c;
    width: 307px;
    height: 8px;
}

section.events article.extra .colorsLine .s2 {
    background: #17405d;
    width: 18%;
}

section.events article.extra .colorsLine .s3 {
    background: #5f91cc;
    width: 18%;
}

section.events article.extra .colorsLine .s4 {
    background: #eda18f;
    width: 19%;
}

section.events article.extra .colorsLine .s5 {
    background: #f9dcc3;
    width: 19%;
}

section.events .hidden_event {
    display: none;
}

section.events-list {}

section.events-list article {
    padding: 50px 0 30px 0;
    border-bottom: dotted 1px #b2b2b2;
}

section.events-list article img {
    width: 138px;
    height: 138px;
    border: solid 1px #aaa;
    object-fit: cover;
}

section.events-list article img {
    margin-left: 40px;
    max-width: 200px;
}

section.events-list article:first-child {
    padding-top: 0;
}

section.events-list article:last-child {
    border: none;
}

section.events-list article .top-title {
    color: #666;
    font-size: 14px;
    line-height: 28px;
}

section.events-list article p {
    font-size: 18px;
    line-height: 24px;
    color: #000;
}

ul.events-listing-type-links {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: solid 1px #000;
    padding: 0 0 7px 0;
}

ul.events-listing-type-links>li {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    margin-right: 10px;
    font-weight: 500;
}

;
ul.events-listing-type-links>li:last-child {
    margin-right: 0px;
}

;
ul.events-listing-type-links>li.active {
    font-size: 10px!important;
}

ul.events-listing-type-links>li.active>a {
    color: #000;
}

ul.events-listing-type-links>li>a {
    color: #aaa;
    position: relative;
    display: block;
}

ul.events-listing-type-links>li.active>a:after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--primary-main);
}

section.publications {
    background: var(--unep-gray);
    padding-top: 50px;
    margins-top: 50px;
}

section.publications .slick {
    margin-right: -75px;
}

section.publications article {
    width: calc(100% - 77px);
    height: 300px;
    color: var(--white);
    position: relative;
    overflow: hidden;
    transition: all 300ms ease-in;
}

section.publications article.publication-has-image:hover {
    background: transparent;
    transition: all 300ms ease-out;
}

section.publications article a {
    color: var(--white);
}

section.publications article div {
    opacity: 1;
    transition: all 300ms ease-in;
}

section.publications article.publication-has-image:hover div {
    opacity: 0;
    transition: all 300ms ease-out;
}

section.publications article.publication-has-image:hover img {
    opacity: 1;
    transition: all 300ms ease-in;
}

section.publications article i {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

section.publications article h4 {
    padding: 26px 16px 0 20px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

section.publications article img {
    position: absolute;
    z-index: +2;
    opacity: 0;
    transition: all 300ms ease-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 320px;
    object-fit: cover;
}

section.publications article .anchor {
    position: absolute;
    bottom: 0;
    left: 5px;
    color: rgb(255, 255, 255);
    opacity: 0.5;
    z-index: +1;
    display: block;
}

section.publications .btn-more-publications {
    background: #ebebeb!important;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    padding: 22px;
}

section.publications .btn-more-publications:hover {
    background: var(--primary-main)!important;
    color: #FFF;
}

section.news-list {}

section.news-list article {
    padding: 50px 0;
    border-bottom: dotted 1px #b2b2b2;
    font-size: 18px;
    line-height: 24px;
}

section.news-list article:first-child {
    padding-top: 0;
}

section.news-list article:last-child {
    border: solid 1px #000;
}

section.news-list article img {
    margin-left: 40px;
    max-width: 200px;
    width: 138px; height: 138px; object-fit: cover;
}

section.news-list article .top-title {
    color: var(--unep-darkgray);
    font-size: 14px;
    line-height: 28px;
}

section.news-list article h5 {
    font-size: 24px;
    line-height: 28px;
}

section.related-news {
    background: var(--unep-gray);
    padding: 5em 0 0 0;
    margin-top: 3em;
    color: var(--unep-gray);
}

section.related-news h2 {
    color: #000;
    line-height: 40px;
    margin-bottom: 30px;
}
section.related-news h3 {
    color: #000;
    line-height: 40px;
    margin-bottom: 50px;
}

section.related-news .slick {
    margin-right: -50px;
}

section.related-news article {
    width: calc(100% - 50px);
}

section.related-news article img {
    margin: 0;
    width: 100%;
    height: 208px;
    object-fit: cover;
    border: solid 1px #ccc;
}

section.related-news article p {
    margin: 0;
    padding: 0;
    font-size: 11px;
    line-height: 48px;
    color: #000;
    opacity: 0.7;
}

section.related-news article p a {
    color: rgba(0, 0, 0, 0.7);
}

section.related-news article p a:hover {
    color: var(--unep-middle-red);
}

section.related-news article a {}

section.related-news article h4 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 26px;
}

section.related-news article a:hover {
    text-decoration: underline;
}

section.related-news article a:hover {
    color: var(--unep-middle-red);
}

section.related-news .btn-more-news {
    font-size: 18px;
    line-height: 24px;
    color: #555;
    background: #EBEBEB;
}

section.related-news .btn-more-news:hover {
    background: var(--unep-red);
    color: #FFF;
}

section.publications-list {}

section.publications-list article {
    position: relative;
    margin: 1rem 0;
    padding: 1rem 0 0 0;
}


/*section.publications-list article:before { content: ''; width: 100%; height: 1px; border-bottom: dotted 1px var(--unep-darkgray); position: absolute; top: 0; left: 0;  } */

section.publications-list article:first-child {
    margin-top: 0;
    padding: 0;
}

section.publications-list article:first-child:before {
    content: none;
}

section.publications-list article>a {
    display: block;
    width: 170px;
    height: 240px;
    margin-right: 30px;
}

section.publications-list article img {
    position: relative;
    min-width: 170px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.publications-list article h3 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    color: black;
}

section.publications-list article a:hover h3 {
    color: var(--unep-red);
}

section.publications-list article h5 {}

section.publications-list article a:hover h5 {
    color: var(--primary-main);
}

section.publications-list article p {
    padding: 0;
    font-size: 18px;
    line-height: 24px;
    color: black;
}

section.publications-list article p[class^="line-"] {
    padding-top: 23px;
}

section.search-list article img {
    margin-right: 0;
    margin-left: 2rem;
}

section.search-list article p.category-date {
    font-weight: normal;
    font-size: 14px;
}

section.search-list article p.category-date .date {
    color: var(--unep-darkgray);
    margin-left: 0.5rem;
}

section.search-list article p.category-date .category {
    margin-right: 0.5rem;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}

section.search-list article p.category-date .category a {
    color: var(--active-links);
}

section.search-list article p.category-date .category a:hover {
    color: #e9674e;
}

section.search-list article .line-red {
    content: none;
}

section.search-list article .tags-links {
    font-size: 16px;
    color: #666;
}

section.search-list article .tags-links a {
    color: var(--active-links)!important;
}

section.search-list article .tags-links a:hover {
    color: var(--unep-red)!important;
}

section.news-list article .tags-links {
    font-size: 16px;
    color: #666;
}

section.news-list article .tags-links a {
    color: var(--active-links)!important;
}
section.news-list article .tags-links a:hover {
    color: var(--unep-red)!important;
}

section.publications-list article .tags-links a {
    color: var(--active-links)!important;
}
section.publications-list article .tags-links a:hover {
    color: var(--unep-red)!important;
}



/* Breadcrumbs (Publications Category View Test) */

nav.breadcrumb {
    position: relative;
    left: 260px;
    top: 10px;
    margin: 0;
    padding: 0;
    font-weight: 600;
    z-index: +1;
    color: #FFF;
    /* transform: translateY(-50%); */
    line-height: 36px;
    width: calc(1350px - 260px);
}

nav.breadcrumb a {
    color: #FFF;
}

nav.breadcrumb a:hover {
    color: var(--primary-main);
    text-decoration: underline;
}

.black nav.breadcrumb a {
    color: #000;
}

.black nav.breadcrumb a:hover {
    color: var(--primary-main);
    text-decoration: underline;
}

.black nav.breadcrumb .divider {
    color: #000;
}

nav.breadcrumb .nav-link {
    padding: 0;
}


/* Publications List Search Form */

.left-pan {
    padding-left: 7px;
}

.left-pan i {
    padding-left: 10px;
}


/*.search button { position: absolute; right: 17px; padding: 2px; }*/

section.news {
    padding-top: 6em;
}

.bg-unep-gray section.news {
    padding-bottom: 50px;
}

section.news h2 {}

section.news.news-bg-gray {
    background: var(--unep-gray);
}

section.news article.first {
    width: calc(100%);
    margin: 0;
    margin-right: 1rem;
    padding-bottom: 2rem;
}

section.news max4 {
    width: calc(67% - 1rem);
}

section.news article {
    width: calc(50% - 0.5rem);
    background: var(--unep-gray);
    padding: 1em;
    position: relative;
    margin-bottom: 1rem;
    position: relative;
    padding-bottom: 2rem;
}

section.news.news-bg-gray article {
    background: #fff;
    padding-bottom: 2rem;
}

.bg-unep-gray section.news article {
    background: #fff;
    padding-bottom: 2rem;
}

section.news article:last-child {
    margin-bottom: 0;
}

section.news article:nth-child(3) {
    margin-bottom: 0;
}

section.news article h3 {
    margin-bottom: 1em;
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
}

section.news article:hover h3 {
    color: var(--unep-middle-red);
}

section.news article h4 {
    margin-bottom: 1em;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}

section.news article:hover h4 {
    color: var(--unep-middle-red);
}

section.news article p.news-content {
    margin-bottom: 1rem;
}

section.news article p.date {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1em;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

section.news article a.news-article-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

section.news.news-bg-gray .btn-more {
    background: #E2E2E2;
}

section.news .btn-more {
    color: #555;
    background: #f5f5f5;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    padding: 22px;
}

section.news .btn-more:hover {
    background: var(--unep-red);
    color: #FFF;
}

aside.widget-area {
    padding-left: 20px;
}

.sidebar-live-filter {
    margin-right: 50px;
}

.sidebar-live-filter h4 {
    padding: 0;
    font-size: 2em;
    font-weight: 600;
}

.sidebar-live-filter p {
    font-size: 20px;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 30px;
}

.sidebar-live-filter .separator-description { margin-bottom: 26px!important; }

.sidebar-live-filter h6 {
    font-size: 20px;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 30px;
    color: #000;
}

.sidebar-live-filter ul {
    list-style: none;
    padding: 0;
}

.sidebar-live-filter ul li {
    font-weight: 600;
    color: var(--unep-darkgray);
    margin-bottom: 0.7rem;
    font-size: 18px;
}

.sidebar-live-filter ul li input[type="checkbox"]:checked+label {
    color: #007dbc
}

.sidebar-live-filter ul li label {
    border-bottom: solid 2px transparent;
    font-family: 'Roboto', sans-serif;
    color: #666;
    line-height: 24px;
}

.sidebar-live-filter ul li:hover {
    color: var(--unep-red);
}

.sidebar-live-filter ul li:hover label {
    border-bottom: solid 2px var(--unep-red);
}

.sidebar-live-filter ul li.active {
    color: var(--unep-blue);
}

.sidebar-live-filter .form-check-input:checked {
    background-color: var(--unep-blue);
    border-color: var(--unep-blue);
}

.sidebar .banking {}

.sidebar .banking h4 {
    font-size: 1.5em;
}

.sidebar .banking>ul {
    border: solid 5px var(--unep-blue);
    padding: 2em;
    border-right: none;
}

.sidebar .banking>ul>li {
    margin-bottom: 0.5em;
    font-weight: normal;
    position: relative;
}

.sidebar .banking>ul .dropdown-toggle:before {
    display: inline-block;
    position: absolute;
    top: calc(50% + 1px);
    left: -1.1em;
    transform: translateY(-50%);
    content: "";
    border-top: .3em solid white;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    z-index: +1;
}

.sidebar .banking>ul .dropdown-toggle:after {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(-1em - 10px);
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background: var(--unep-red);
    border-radius: 50%;
    z-index: -1;
    border: none;
}

.sidebar .banking .dropdown-menu {
    top: 0;
    left: -2em;
    width: 320px;
    padding: 1em;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 40px #e0e0e0;
    ;
    font-size: 0.8em;
}

.sidebar .banking .dropdown-menu li.title {
    padding: .25rem 1rem .25rem .20rem;
    font-size: 1.2em;
}

.sidebar .resources {}

.sidebar .resources ul {
    background: #EEF5FC;
    padding: 2rem;
    font-size: 1em;
    font-weight: 400;
    position: relative;
    margin-top: 1em;
}

.sidebar .resources ul:before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    height: 40px;
    width: 40px;
    border-top: solid 4px var(--unep-blue);
    border-left: solid 4px var(--unep-blue);
}

.sidebar .resources ul:after {
    content: '';
    position: absolute;
    bottom: -2px;
    right: -2px;
    height: 40px;
    width: 40px;
    border-bottom: solid 4px var(--unep-blue);
    border-right: solid 4px var(--unep-blue);
}

.sidebar .resources ul>li {
    margin-bottom: 2rem;
    font-weight: 400;
    font-size: 0.9em;
}

.sidebar .resources ul>li:last-child {
    margin-bottom: 0;
}

.sidebar .item p {
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    color: var(--unep-darkgray);
    text-transform: uppercase;
}

.widget-area .widget_unepfi-resources-widget {}

.widget-area .widget_unepfi-resources-widget .widget-title {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #666;
    font-weight: normal;
    margin-bottom: 8px;
}

.widget-area .widget_unepfi-resources-widget .widget-title:before {
    content: "\f10d";
    font-family: 'bootstrap-icons';
    margin-right: 5px;
    font-size: 12px;
}

.widget-area .widget_unepfi-resources-widget i {
    display: none;
}

.widget-area .widget_unepfi-resources-widget ul {
    padding: 30px 24px;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    border: solid 1px var(--unep-red);
}

.widget-area .widget_unepfi-resources-widget ul li {
    line-height: inherit;
    margin-bottom: 20px;
    margin-left: 12px;
}

.widget-area .widget_unepfi-resources-widget ul li::marker {
    content: "\f3c2";
    font-family: 'bootstrap-icons';
    font-size: 14px;
}

.widget-area .widget_unepfi-resources-widget ul li a {
    color: #333;
    display: block;
    margin-left: 10px;
}

.widget-area .widget_unepfi-resources-widget ul li a:hover {
    color: var(--unep-red);
    text-decoration: underline;
}

.widget-area .widget_unepfi-resources-widget ul li:last-child {
    margin-bottom: 0;
}


/**
* Widget Share Menu for publications, events
*/

.widget_unepfi-share-widget {
    margin-top: 25px;
}

.widget_unepfi-share-widget .widget-title {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #666;
    font-weight: normal;
    margin: 0 0 8px 0;
    padding: 0;
}

.widget_unepfi-share-widget .widget-title:before {
    content: '\f52e';
    font-family: 'bootstrap-icons';
    margin-right: 10px;
    font-size: 14px;
    color: #666;
}

.widget_unepfi-share-widget .usw-content {
    padding: 30px 24px;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    border: solid 1px var(--unep-red);
    text-align: center;
    width: 100%;
}


.widget_unepfi-share-widget .usw-content a {
    color: #333;
    margin-right: 10px;
}
/* END Widget */

.sidebar .filters p {
    font-size: 0.8em;
}

.sidebar .filters .dropdown {
    border: solid 1px var(--unep-red);
    padding: 15px;
    font-weight: bold;
    margin-bottom: 5px;
}

.sidebar .filters .dropdown .dropdown-toggle {
    display: block;
    position: relative
}

.sidebar .filters .dropdown .dropdown-toggle:after {
    position: absolute;
    right: 0;
    top: 50%;
}

.sidebar .publications {}

.sidebar .publications ul {
    border: solid 1px var(--unep-red);
}

.sidebar section.widget {
    background: #FFF!important;
    margin: 0;
    padding: 0;
}

.sidebar section.widget .widget-title {
    font-size: 0.8em;
    font-weight: normal;
    border-bottom: none!important;
    text-transform: uppercase;
    color: var(--unep-pub-default);
    margin: 0;
    padding: 0;
}

.sidebar section.widget .widget-title:before {
    font-family: "Font Awesome 6 Free";
    font-weight: normal;
    content: "\f007";
    margin-right: 5px;
    font-size: 0.6em;
}

.sidebar section.widget>div {
    border: solid 1px var(--unep-red);
    padding: 1rem;
}

.sidebar section.widget>div ul {
    padding: 0;
    margin: 0;
    padding-left: 1rem;
}

.sidebar section.widget>div ul li {
    font-weight: normal;
}

.sidebar section.widget>div ul li a {
    display: block;
    margin: 0.5rem 0;
}

.sidebar section.widget>div ul li:first-child a {
    margin-top: 0;
}

.sidebar section.widget>div ul li:last-child a {
    margin-bottom: 0;
}

.sidebar section.widget>div ul li.current-menu-item a {
    color: var(--unep-red);
}

.sidebar section.widget>div ul li.current-menu-item a:before {
    content: '';
    background: var(--unep-red);
}

.sidebar section.widget>div ul li.current-post-ancestor a {
    color: var(--unep-red);
}

.sidebar section.widget>div ul li.current-post-ancestor a:before {
    content: '';
    background: var(--unep-red);
}

.sidebar section.widget>div ul li a:before {
    content: '';
    position: relative;
    top: 50%;
    left: 0;
    width: 8px;
    height: 8px;
    background: #84949F;
    border-radius: 50%;
    display: inline-block;
    transform: translateY(-25%);
    margin-right: 1.5rem;
}

.sidebar section.widget>div ul li a:hover {
    color: var(--unep-red);
}

.sidebar section.widget>div ul li a:hover:before {
    content: '';
    background: var(--unep-red);
}

.widget_nav_menu {
    position: relative;
    padding-top: 25px;
    margin-bottom: 30px;
}

.widget_nav_menu:before {
    content: "\f44b";
    font-family: 'bootstrap-icons';
    position: absolute;
    top: 0;
    left: 0;
    color: var(--unep-darkgray);
    font-size: 14px;
}

.widget_nav_menu:after {
    content: 'MENU';
    position: absolute;
    top: 0px;
    left: 15px;
    font-size: 14px;
    color: var(--unep-darkgray);
}

.widget_nav_menu .widget-title {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 5px;
}

.widget_nav_menu .widget-title:before {
    content: "\f111";
    font-family: 'bootstrap-icons';
    color: #999;
    font-size: 15px;
    margin-right: 10px;
}

.widget_nav_menu ul {
    margin: 0;
    padding: 30px 0;
    list-style: none;
    border: solid 1px var(--unep-red);
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}

.widget_nav_menu ul li {
    margin: 0;
}

.widget_nav_menu li.is_open > ul.sub-menu { display: block; }

.widget_nav_menu span { display: flex; align-items: center; transition: all 300ms ease; padding-left: 20px;  }
.widget_nav_menu span.active { background: var(--unep-red); }
.widget_nav_menu span.active a { color: #FFF; font-weight: 600;  }


.widget_nav_menu span > a { padding: 0; }
.widget_nav_menu span > a.switch-submenu { display: block; padding: 0; margin-right: 15px; }
.widget_nav_menu span > a.switch-submenu + a { padding: 8px 0; line-height: 26px; }
.widget_nav_menu span.active a.switch-submenu { transform: rotate(90deg)!important; }

.widget_nav_menu a { padding: 8px 20px 8px 52px; display: block; }
.widget_nav_menu .current_page_item { font-weight: 600; }


.widget_nav_menu ul > li > ul.sub-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
    font-size: 16px;
    transition: all 300ms ease-in;
    border: none;
}

/* level 1 contents */
.widget_nav_menu ul ul li { background: var(--unep-red);}
.widget_nav_menu ul ul li > a { color: #fff; }
.widget_nav_menu ul ul li > a:hover { text-decoration: underline;}
.widget_nav_menu ul ul li span { color: #fff; }
.widget_nav_menu ul ul li span a { color: #fff; }
.widget_nav_menu ul ul li span:hover { text-decoration: underline;}
.widget_nav_menu ul ul li span.active a:hover {  text-decoration: underline;}

/* level 2 */
.widget_nav_menu ul li ul.sub-menu span > a.switch-submenu { display: block; padding: 0; }
.widget_nav_menu ul li ul.sub-menu ul li { background: black; }
.widget_nav_menu ul li ul.sub-menu ul li a { color: white; }
.widget_nav_menu ul li ul.sub-menu ul li a:hover { color: var(--unep-red);  text-decoration: underline;}
.widget_nav_menu ul li ul.sub-menu ul li.no_childs a { margin-left: 28px!important; }


.widget_nav_menu ul li ul.sub-menu ul li span { padding-left: 50px; }
.widget_nav_menu ul li ul.sub-menu ul li span.active { color: white; background: black; }
.widget_nav_menu ul li ul.sub-menu ul li span.active a { color: white; }
.widget_nav_menu ul li ul.sub-menu ul li span.active a:hover { color: var(--unep-red);  text-decoration: underline; }

/* level 3 */
.widget_nav_menu ul li ul ul li ul.sub-menu { background: white; }
.widget_nav_menu ul li ul ul li ul.sub-menu li { background: white;  }
.widget_nav_menu ul li ul.sub-menu ul li ul.sub-menu li a { color: black; margin-left: 30px; }
.widget_nav_menu ul li ul.sub-menu ul li ul.sub-menu li a:hover { color: var(--unep-red);  text-decoration: underline; }


/* widget sidebar with bullets */

.widget-with-bullets {}

.widget-with-bullets:before {
    content: "\f44b";
    font-family: 'bootstrap-icons';
    position: absolute;
    top: 0;
    left: 0;
    color: var(--unep-darkgray);
    font-size: 14px;
}

.widget-with-bullets:after {
    content: 'MORE PUBLICATIONS FROM';
    position: absolute;
    top: 0px;
    left: 15px;
    font-size: 14px;
    color: var(--unep-darkgray);
}

.widget-with-bullets ul {
    border: solid 1px var(--unep-red);
    padding: 30px 50px;
    list-style: disc;
}


/**
 * Subpages widget - section pages as named in the specs
*/

.widget_subpages {
    position: relative;
    padding-top: 25px;
}

.widget_subpages:before {
    content: "\f44b";
    font-family: 'bootstrap-icons';
    position: absolute;
    top: 0;
    left: 0;
    color: var(--unep-darkgray);
    font-size: 14px;
}

.widget_subpages:after {
    content: 'MENU';
    position: absolute;
    top: 0px;
    left: 15px;
    font-size: 14px;
    color: var(--unep-darkgray);
}

.widget_subpages .widget-title {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 5px;
    line-height: normal;
}

.widget_subpages .widget-title:before {
    content: "\f111";
    font-family: 'bootstrap-icons';
    color: #999;
    font-size: 15px;
    margin-right: 10px;
}

.widget_subpages>ul {
    margin: 0;
    padding: 30px 0;
    list-style: none;
    border: solid 1px var(--unep-red);
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

.widget_subpages>ul>li {
    margin: 0;
    padding: 0;
}

.widget_subpages>ul>li>a {
    display: block;
    padding: 8px 54px;
    position: relative;
}

.widget_subpages>ul>li.widget_subpages_current_page>a {
    font-weight: 500;
}

.widget_subpages>ul>li>a:hover {
    background: var(--unep-red);
    color: #FFF;
    text-decoration: underline;
}

.widget_subpages>ul>li>a:hover:before {
    text-decoration: none;
}

.widget_subpages>ul>li.is_open a {
    background: var(--unep-red);
    color: #FFF;
}

.widget_subpages>ul>li.is_open>ul {
    background: var(--unep-red);
    font-size: 15px;
    line-height: 20px;
}

.widget_subpages>ul>li.menu-item-has-children>a {
    padding: 8px 20px;
}

.widget_subpages>ul>li.menu-item-has-children>a:before {
    content: "\f285";
    font-family: 'bootstrap-icons';
    font-size: 10px;
    margin-right: 20px;
    padding: 2px;
    border-radius: 50%;
}

.widget_subpages>ul>li.menu-item-has-children.is_open>a:before {
    background: #9e2a13;
}

.widget_subpages>ul>li.current-menu-parent>a {
    background: var(--unep-red);
    color: #FFFFFF;
}

.widget_subpages>ul>li.current-menu-parent ul.sub-menu.is_open {
    display: block;
    background: var(--unep-red);
}

.widget_subpages>ul>li.current-menu-parent ul.sub-menu>li>a {
    color: #FFF;
}

.widget_subpages>ul>li.current-menu-parent ul.sub-menu>li:hover>a {
    color: #eee;
}

.widget_subpages ul.sub-menu>li.widget_subpages_current_page {
    font-weight: 600;
}

.widget_subpages ul.sub-menu {
    margin: 0px 0;
    padding: 0;
    list-style: none;
    display: none;
    font-size: 14px;
    border: none;
}

.widget_subpages ul.sub-menu>li a {
    display: block;
    background: transparent;
    margin: 0px 54px;
    padding: 5px 0;
}

.widget_subpages ul.sub-menu>li.current-menu-parent a {
    color: inherit;
}

.widget_subpages ul.sub-menu>li:hover a {
    color: #eee;
    text-decoration: underline;
}

.widget_subpages>ul>li.menu-item-has-children.is_open>a:before {
    content: "\f282";
}

.widget_subpages>ul>li.menu-item-has-children.is_open>ul.sub-menu {
    display: block;
}


/* --------------------- widget_unepfi-relatedsp-widget --------------------- */

.widget_unepfi-relatedsp-widget {
    margin-bottom: 24px;
}

.widget_unepfi-relatedsp-widget h2 {
    margin: 0; padding: 0;
    color: var(--unep-darkgray);
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.widget_unepfi-relatedsp-widget>ul {
    margin: 0;
    padding: 30px 0;
    list-style: none;
    border: solid 1px var(--unep-red);
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

.widget_unepfi-relatedsp-widget>ul>li {
    margin: 0;
    padding: 0;
}

.widget_unepfi-relatedsp-widget>ul>li>i {
    display: none;
}
.widget_unepfi-relatedsp-widget>ul>li>a {
    display: block;
    padding: 8px 54px;
    position: relative;
}

.widget_unepfi-relatedsp-widget>ul>li>a:before {
    content: "\F135";
    position: absolute;
    font-family: 'bootstrap-icons';
    font-size: 28px;
    font-weight: 500;
    left: 13px;
}



.widget-filters-events {}

.widget-filters-events ul.nav>li.nav-item.dropdown {
    border: solid 1px var(--unep-red);
}

.widget-filters-events ul.nav>li.nav-item.dropdown .nav-link {
    background: var(--unep-red);
    color: #FFF;
    font-weight: 600;
    border-radius: 0;
}


/*.widget-filters-events ul.nav > li.nav-item.dropdown .nav-link { background: transparent; color: #000;  }*/

.widget-filters-events ul.nav>li.nav-item.dropdown ul.dropdown-menu {
    width: 100%;
    border: none;
    position: relative;
}


/* widget with bullets */

.widget_unepfi-categories-listing-widget {}


/*
.widget_unepfi-categories-listing-widget ul { list-style: none; }
.widget_unepfi-categories-listing-widget ul li {}

.widget_unepfi-categories-listing-widget ul label input[type=checkbox] {
	display: inline-block;
}

.widget_unepfi-categories-listing-widget ul label:hover input[type=checkbox], .widget_unepfi-widget-categories-filter input[type=checkbox]:checked{
	display: inline-block;
}
.widget_unepfi-categories-listing-widget .category-list ul li a { display: block; margin: 0.5rem 0; }

*/

.widget_unepfi-categories-listing-widget h2.widget-title {
    color: #666;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
}

.widget_unepfi-categories-listing-widget h2.widget-title:before {
    content: "\f2ec";
    font-family: 'bootstrap-icons';
    margin-right: 10px;
    position: relative;
    top: 2px;
    color: #666;
}

.widget_unepfi-categories-listing-widget ul.category-list {
    border: solid 1px var(--unep-red);
    padding: 30px 24px;
    list-style: none;
    margin: 0;
    margin-bottom: 3px;
}

.widget_unepfi-categories-listing-widget .btn-see-all {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    background: var(--unep-red);
    border-radius: 0;
    color: #FFF;
    padding: 15px;
}

.widget_unepfi-categories-listing-widget .btn-see-all:after {
    content: '\f138';
    font-family: "bootstrap-icons";
    margin-left: 15px;
    position: relative;
    font-size: 18px;
    top: 3px;
}

.widget_unepfi-categories-listing-widget ul {
    list-style: disc;
}

.widget_unepfi-categories-listing-widget ul li {
    padding-left: 24px;
}

.widget_unepfi-categories-listing-widget ul li a {
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    display: block;
    position: relative;
}

.widget_unepfi-categories-listing-widget ul li a:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--light-links);
    display: block;
    position: relative;
    top: 16px;
    left: -27px;
}

.widget_unepfi-categories-listing-widget ul li:hover,
.widget_unepfi-categories-listing-widget ul li a:hover {
    color: var(--unep-red);
    text-decoration: underline;
}

.widget_unepfi-categories-listing-widget ul li a:hover:before {
    background: var(--unep-red);
}


/* widget with bullets */


/* sidebar accordion with filters */

.accordion-filters {}

.accordion-filters .accordion-filters-head {
    color: #666;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: baseline;
    line-height: 20px;
    margin-bottom: 9px;
}

.accordion-filters .accordion-filters-head span {}

.accordion-filters .accordion-filters-head span:first-child:before {
    content: "\f3ca";
    font-family: 'bootstrap-icons';
    position: relative;
    top: 2px;
    color: #999;
}

.accordion-filters .accordion-filters-head span a {
    color: #666;
}

.accordion-filters .accordion-item {
    border-radius: 0;
    border: solid 1px var(--unep-red);
    margin-bottom: 9px;
}

.accordion-filters .accordion-button {
    border-radius: 0;
    padding: 0.7rem 1rem;
}

.accordion-filters .accordion-header {
    border-radius: 0;
    padding: 0;
}

.accordion-filters .accordion-item .accordion-button:not(.collapsed) {
    padding: 20px 24px;
    border-radius: 0;
    background: #FFF;
    border: none;
    box-shadow: none;
    font-weight: 600;
    font-size: 18px;
    color: #333;
    line-height: 24px;
}

.accordion-filters .accordion-item .accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-filters .accordion-item .accordion-button.collapsed {
    padding: 20px 24px 19px 24px;
    background: var(--unep-red);
    color: #FFF;
    border-radius: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}

.accordion-filters .accordion-item .accordion-button.collapsed:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-filters .accordion-body {
    padding: 0;
}

.accordion-filters .accordion-body ul {
    list-style: none;
    margin: 0;
    padding: 20px 24px;
    padding-top: 0px;
}

.accordion-filters .accordion-body ul li {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
}

.accordion-filters .accordion-body ul li:last-child {
    margin-bottom: 0;
}

.accordion-filters .accordion-body ul li label {
    position: relative;
    top: 2px;
    color: #333;
}

.accordion-filters .accordion-body ul li .form-check:hover label {
    color: var(--unep-red);
    text-decoration: underline;
}

.accordion-filters .accordion-body ul li input[type="checkbox"]:checked+label {
    color: var(--unep-darkblue);
}

.accordion-filters .accordion-body ul li .form-check-input[type="checkbox"] {
    border-radius: 2px;
    border: solid 1px #ccc;
}

.accordion-filters .accordion-body ul li .form-check-input:checked {
    background-color: var(--unep-darkblue);
    color: #FFF;
}

.accordion-filters .accordion-body ul li .form-check:hover .form-check-input[type="checkbox"]:not(:checked) {
    background: #f4f4f4;
}


/* sidebar accordion with filters */
.filterlist {
    margin-bottom: 50px;
}

.filterlist .filters {}

.filterlist .filters .filterchoices {
    display: block!important;
    width: 100%;
}

.filterlist .filters .filterchoices:last-child {
    width: auto;
    text-align: left;
}

.filterlist .filters select {
    border: solid 1px var(--unep-red);
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    border-radius: 0;
    margin-bottom: 10px;
    padding: 11px;
    background: #fcfcfc;
    color: #000;
}

.filterlist .form-select {
    color: #000;
}

.filterlist .filters input[type="text"] {
    border: solid 1px var(--unep-red);
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    border-radius: 0;
    width: 100%;
    padding: 11px 10px;
    background: #FCFCFC;
    color: #666;
}


.filterlist .btn-search {
    background: var(--unep-red);
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    border-radius: 0;
    border: none;
    padding: 12px 25px;
}

.filterlist .accordion-filters-head {
    color: #666;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: baseline;
    line-height: 20px;
    margin-bottom: 9px;
}

.filterlist .accordion-filters-head span a {
    color: #666;
}

.filterlist .accordion-filters-head span:first-child::before {
    content: "\f3ca";
    font-family: 'bootstrap-icons';
    position: relative;
    top: 2px;
    color: #999;
}

.filterlist label {
    position: relative;
    top: 2px;
    color: #333;
    padding-left: 10px;
}

.filterlist .form-check:hover label {
    color: var(--unep-red);
    text-decoration: underline;
}

.filterlist input[type="checkbox"]:checked+label {
    color: var(--unep-darkblue);
}
.filterlist .form-check { padding-top: 8px; }
.filterlist .form-check-input[type="checkbox"] {
    border-radius: 2px;
    border: solid 1px #ccc;
}
.filterlist .form-check-input:checked {
    background-color: var(--unep-darkblue);
    color: #FFF;
}

.filterlists .form-check:hover .form-check-input[type="checkbox"]:not(:checked) {
    background: #f4f4f4;
}



.signatorytable {
    width: 100%;
    margin-bottom: 50px;
}

.signatorytable tr th {
    border-bottom: solid 2px var(--unep-red);
    padding: 10px 20px;
}

.signatorytable tr {
    background: var(--unep-gray);
}

.signatorytable tr:nth-child(odd) {
    background: transparent;
}

.signatorytable tr td {
    padding: 20px 20px;
}

.signatorytable a {
    color: var(--unep-blue);
}

.signatorytable a:hover {
    color: var(--unep-light-red);
}

.signatorytable .membername {
    font-size: 18px;
    color: var(--primary-active-links);
}

.signatorytable .membername a {
    font-size: inherit;
    color: var(--primary-active-links);
}

.dropdown-filters-mobile {}

.dropdown-filters-mobile button {
    width: 100%;
}

.dropdown-filters-mobile .dropdown-menu {
    width: 100%;
    padding: 15px;
}

.search-results-filter {
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 30px
}

.search-results-filter ul li {
    display: inline;
    margin-right: 10px;
}

.search-results-filter ul li:last-child {
    margin-right: 0;
}

.search-results-filter ul {
    display: inline;
    list-style: none;
}

.search-results-filter ul li span {
    display: inline-block;
    cursor: pointer;
}

.search-results-filter ul li span:after {
    content: '\f62a';
    font-family: 'bootstrap-icons';
    display: inline;
    position: relative;
    top: 3px;
    font-size: 16px;
    margin-left: 2px;
    color: #999;
}

.search-results-filter ul li span:hover {
    color: var(--primary-main);
}

.search-results-filter ul li span:hover:after {
    color: var(--primary-main);
}

#agenda {}

#agenda p {
    margin-bottom: 15px;
}

section.bg-unep-gray {
    background: var(--unep-gray);
}

.post-content section {}

.post-content section.bg-unep-gray {
    padding: 15px;
}

section.darkgray {
    background: #222;
}

section.bg-darkgray {
    background: #222;
}


/* GENERIC SLIDER - TESTIMONIALS*/

.generic-slider {
    padding: 0;
    font-size: 15px;
    line-height: 20px;
}


.generic-slider .generic-static-wrapper {
    margin-top: 0px;
    margin-bottom: 30px;
}



.darkgray .generic-slider {
    color: #FFF;
}

.generic-slider h6 {
    margin-top: 10px;
    line-height: 26px;
    color: #000;
}

.darkgray .generic-slider h6 {
    color: #FFF;
}

.generic-slider a:hover h6 {
    color: var(--unep-red);
    text-decoration: underline;
}

.generic-slider p {
    color: #000;
}

.darkgray .generic-slider p {
    color: #FFF;
}

.generic-slider .slick {
    margin-right: 50px;
    position: relative;
}

.generic-slider article {
    margin-right: 30px;
}

.generic-slider article img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.generic-slider .slick a.next {
    position: absolute;
    top: calc(50% - 2em);
    right: -45px;
    display: block;
    font-size: 2em;
    color: #FFF;
}

.generic-slider .slick a.prev {
    position: absolute;
    top: calc(50%);
    right: -45px;
    color: var(--unep-red);
    display: block;
    font-size: 2em;
    z-index: +1;
}

.generic-slider .slick a.prev img {
    filter: invert(45%) sepia(40%) saturate(5225%) hue-rotate(343deg) brightness(96%) contrast(88%);
}

.darkgray .generic-slider .slick a.next img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.generic-slider .slick a.next img {
    filter: invert(0%) sepia(0%) saturate(5225%) hue-rotate(343deg) brightness(96%) contrast(88%);
}

.post-content .darkgray .generic-slider .container,
.darkgray .generic-slider.in-post-content .container {
    width: 100%!important;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.post-content .generic-slider .container,
.generic-slider.in-post-content .container {
    width: 100%!important;
    margin: 0;
    padding: 0;
}


/* GENERIC TABS */


.unepfi-generic-tabs { margin-bottom: 1rem; position: relative;  border-bottom: solid 1px #000; }
div.unepfi-generic-tabs { border-bottom: none; }
ul.nav-tabs.unepfi-generic-tabs, div.unepfi-generic-tabs > .nav-tabs { border-bottom: solid 1px #000; margin-bottom: 0; }
ul.nav-tabs.unepfi-generic-tabs > .nav-item, div.unepfi-generic-tabs > .nav-tabs > .nav-item { border-color: transparent; padding: 0!important; margin: 0!important; position: relative; top: 0px; z-index: +1; }
ul.nav-tabs.unepfi-generic-tabs > .nav-item > .nav-link, div.unepfi-generic-tabs > .nav-tabs > .nav-item > .nav-link {
    border: none;
    border-radius: 0;
    border-color: transparent;
    color: #aaa; font-size: 18px; line-height: 24px; font-weight: 500;
    border-bottom: solid 3px transparent;
    background: transparent;
    padding: .5rem 0;
    margin-right: 1rem;
}
ul.nav-tabs.unepfi-generic-tabs > .nav-item:last-child > .nav-link, div.unepfi-generic-tabs > .nav-tabs > .nav-item:last-child > .nav-link {
    margin-right: 0;
}

ul.nav-tabs.unepfi-generic-tabs .nav-link.active, ul.nav-tabs.unepfi-generic-tabs .nav-link:hover,
div.nav-tabs.unepfi-generic-tabs .nav-tabs .nav-link.active, div.nav-tabs.unepfi-generic-tabs .nav-tabs .nav-link.hover
        { border-color: transparent; }
ul.nav-tabs.unepfi-generic-tabs > .nav-item:before, div.unepfi-generic-tabs > .nav-tabs > .nav-item:before { content: none!important; }

ul.nav-tabs.unepfi-generic-tabs > .nav-item > .nav-link.active,
ul.nav-tabs.unepfi-generic-tabs > .nav-item > .nav-link:hover,
div.unepfi-generic-tabs > .nav-tabs > .nav-item > .nav-link.active,
div.unepfi-generic-tabs > .nav-tabs > .nav-item > .nav-link:hover
        { border-color: transparent; color: #000; border-bottom: solid 5px var(--primary-main);  }

ul.nav-tabs.unepfi-generic-tabs.active-black-underscore > .nav-item > .nav-link.active,
ul.unepfi-generic-tabs.active-black-underscore > .nav-item > .nav-link:hover,
div.unepfi-generic-tabs.active-black-underscore > .nav-tabs > .nav-item > .nav-link.active,
div.unepfi-generic-tabs.active-black-underscore > .nav-tabs > .nav-item > .nav-link:hover
        { border-color: transparent; border-bottom: solid 5px#000; }

ul.nav-tabs.unepfi-generic-tabs.active-orange-underscore > .nav-item > .nav-link.active,
ul.nav-tabs.unepfi-generic-tabs.active-orange-underscore .nav-item > .nav-link:hover
div.unepfi-generic-tabs.active-orange-underscore > .nav-tabs > .nav-item > .nav-link.active,
div.unepfi-generic-tabs.active-orange-underscore > .nav-tabs > .nav-item > .nav-link:hover
        { color: var(--primary-main); }
ul.nav-tabs.unepfi-generic-tabs.active-orange-underscore > .nav-item > .nav-link.active,
div.unepfi-generic-tabs.active-orange-underscore > .nav-tabs > .nav-item > .nav-link.active
        { color: var(--primary-main); }
div.unepfi-generic-tabs.unepfi-generic-tabs-gray > .nav-tabs { border-bottom: solid 1px var(--Gray-10); margin-bottom: 0; }

div.unepfi-generic-tabs.unepfi-generic-tabs-gray > .nav-tabs > .nav-item > .nav-link
        { border: transparent; top: 1px; padding: .5rem 1rem; margin-right: 0; }

div.unepfi-generic-tabs.unepfi-generic-tabs-gray > .nav-tabs > .nav-item > .nav-link i,
div.unepfi-generic-tabs.unepfi-generic-tabs-gray > .nav-tabs > .nav-item > .nav-link i.nav-link-icon
        { color: var(--Gray-20); font-size: 16px }

div.unepfi-generic-tabs.unepfi-generic-tabs-gray > .nav-tabs > .nav-item > .nav-link.active,
div.unepfi-generic-tabs.unepfi-generic-tabs-gray > .nav-tabs > .nav-item > .nav-link:hover
        { color: #000!important; border-bottom: solid 1px #fff;  }
div.unepfi-generic-tabs.unepfi-generic-tabs-gray > .nav-tabs > .nav-item > .nav-link.active
        { border: solid 1px var(--Gray-10); border-bottom: solid 2px #fff;
            background: var(--Gray-05);
            background: transparent;
         }

div.unepfi-generic-tabs.unepfi-generic-tabs-gray > .nav-tabs > .nav-item > .nav-link.active i,
div.unepfi-generic-tabs.unepfi-generic-tabs-gray > .nav-tabs > .nav-item > .nav-link.active i.nav-link-icon
        { color: var(--primary-main); }

div.unepfi-generic-tabs.unepfi-generic-tabs-gray > .tab-content
        { background: var(--Gray-05)!important;
            background: transparent!important;
            padding: 40px 20px 20px 20px; border: solid 1px var(--Gray-10); border-top: none; }

div.unepfi-generic-tabs.unepfi-generic-tabs-gray > .tab-content > .tab-pane { background: transparent; }
div.unepfi-generic-tabs.unepfi-generic-tabs-gray .unepfi-generic-tabs > .tab-content { padding: 30px 20px 20px 20px; }
div.unepfi-generic-tabs.unepfi-generic-tabs-gray .unepfi-generic-tabs { margin-bottom: 0; }





/* GENERIC ACCORDIOn */

.darkgray .unepfi-generic-accordion {
    color: #FFF;
}

.unepfi-generic-accordion {
    padding: 0 0;
}

.post-content .unepfi-generic-accordion .container { max-width: 100%; margin: 0; padding: 0; width: 100%;  }

.unepfi-generic-accordion .generic-static-wrapper { font-size: 20px; line-height: 26px; }
.unepfi-generic-accordion .generic-static-wrapper p { margin-bottom: 40px; }
.unepfi-generic-accordion .generic-static-wrapper h3 { margin-bottom: 40px; }

.unepfi-generic-accordion .accordion { border-radius: 0; }
.unepfi-generic-accordion .accordion-collapse:last-of-type { border-radius: 0; }
.unepfi-generic-accordion .accordion-item {
    border: none;
    background: transparent;
    border-radius: 0;
}
.unepfi-generic-accordion .accordion-item .accordion-body {
    padding-left: 40px;
    padding-right: 0;
    font-size: 15px!important;
    line-height: 20px!important;
    font-weight: 400;
    padding-bottom: 0;
}

.unepfi-generic-accordion .accordion-item .accordion-body p { font-size: 15px!important; line-height: 20px!important; margin-bottom: 30px; margin-top: 0; }

.unepfi-generic-accordion .accordion-item .accordion-header { padding: 0; }

.unepfi-generic-accordion .accordion-item:last-child .accordion-collapse.show { border-bottom: solid 1px #666; }
.unepfi-generic-accordion .accordion-item:last-child .accordion-collapse:not(.show) { border-bottom: solid 1px #666 }

.unepfi-generic-accordion .accordion-item button.accordion-button {
    padding-left: 0;
    padding-right: 0;
    font-size: 20px!important;
    line-height: 26px;
    color: #666;
    border: none;
}

.unepfi-generic-accordion .accordion-item:last-child button.accordion-button:not(.collapsed) { border-bottom: none; }
.unepfi-generic-accordion .accordion-item:last-child button.accordion-button.collapsed { border-bottom: solid 1px #666; }

.unepfi-generic-accordion .accordion-item button.accordion-button:not(.collapsed) {
    border-radius: 0;
    border: none;
    background: none;
    font-size: 1em;
    color: #000;
    font-weight: 600;
    box-shadow: none;
    border-top: solid 1px #000;
}

.unepfi-generic-accordion .accordion-item button.accordion-button.collapsed {
    border-radius: 0;
    border-top: solid 1px #666;
    background: none;
    font-size: 1em;
    color: var(--unep-darkgray);
    font-weight: 600;
    box-shadow: none;
}

.unepfi-generic-accordion .accordion-item button.accordion-button:after {
    content: none;
}

.unepfi-generic-accordion .accordion-item button.accordion-button:before {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 1.25rem;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.unepfi-generic-accordion .accordion-item button.accordion-button:not(.collapsed)::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}


/* GENERIC COLUMNS TEMPLATE */

.darkgray .generic-columns-template {
    color: #FFF;
}

.darkgray .generic-static-wrapper {
    color: #FFF;
}

.generic-columns-template {
    margin: 0;
    padding: 0;
    position: relative;
}

.generic-columns-template .generic-static-wrapper {
    margin-bottom: 50px;
    font-size: 20px;
    line-height: 26px;
}
.generic-columns-template .generic-static-wrapper h5 { margin-bottom: 28px; margin-top: 0; }

.generic-columns-template h1[class^="line-"] {
    margin-top: 0px;
}

.generic-columns-template h2[class^="line-"] {
    margin-top: 0px;
}

.generic-columns-template h3[class^="line-"] {
    margin-top: 0px;
}

.generic-columns-template h4[class^="line-"] {
    margin-top: 0px;
}

.generic-columns-template h5[class^="line-"] {
    margin-top: 0px;
}

.generic-columns-template h6[class^="line-"] {
    margin-top: 0px;
}

.generic-columns-template.bg-darkgray {
    background: var(--unep-gray);
}

.generic-columns-template hr { margin-top: 50px; margin-bottom: 50px; }

.generic-columns-template p.intro {
    font-weight: 1.6em;
    font-size: 1.3em;
    line-height: normal;
    margin: 2rem 0;
}

.generic-columns-template h5 {
    font-size: 24px; line-height: 28px; margin-bottom: 28px; margin-top: 0;
}

.generic-columns-template ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.generic-columns-template ul li {
    padding-left: 25px;
    margin-bottom: 1rem;

    position: relative;
}

.generic-columns-template ul li:before {
    content: '';
    width: 9px;
    height: 9px;
    background: var(--unep-red);
    position: absolute;
    top: 6px;
    left: 0;
}

/* begin checkmark bullet list - add 10.09.2024 */
ul.checkmark-bullet-list {
    list-style: none;
    margin: 0; padding: 0;
    font-size: inherit; line-height: inherit;
}

ul.checkmark-bullet-list > li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 1rem;
}

ul.checkmark-bullet-list > li::before {
	position: absolute;
    content: '\F272';
    font-family: 'bootstrap-icons';
	color: var(--Orange-60);
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent;
    font-size: 15px;
}

/* end checkmark bullet list - add 10.09.2024 */

.generic-columns-template ul a { color: var(--unep-blue); }
.generic-columns-template ul a:hover { color: var(--unep-red); }

.generic-columns-template ul li:last-child {
    margin-bottom: 0;
}

.post-content .generic-columns-template .container {
    width: 100%;
    margin: 0;
    padding: 0;
}


/* GENERIC ENUMERATION CT5 */

.generic-enumeration-ct5 {
    position: relative;
    font-size: 14px;
    line-height: 20px;
}
.generic-enumeration-ct5 p { font-size: 14px; line-height: 20px; }

.generic-enumeration-ct5 article {
    position: relative;
    height: 100%;
    padding-right: 40px;
}
.generic-enumeration-ct5 .row article:last-child {  padding-right: 10px }
.generic-enumeration-ct5 .row article:nth-child(2) { padding-right: 40px; }

.generic-enumeration-ct5 article img { width: 100%; height: 213px; object-fit: cover; }

.generic-enumeration-ct5 article:first-child {
    font-size: 1.1em;
}

.generic-enumeration-ct5 article:first-child h3 {}

.generic-enumeration-ct5 h3[class^="line-"] {
    margin-top: 0px;
}

.generic-enumeration-ct5 article {
    font-size: inherit;
}

.generic-enumeration-ct5 article h6 {
    margin: 15px 0;
    color: #000;
}

.generic-enumeration-ct5 article a:hover h6 {
    margin: 15px 0;
    color: var(--unep-red);
}

.generic-enumeration-ct5 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.generic-enumeration-ct5 ul li {
    padding-left: 25px;
    margin-bottom: 1rem;
    position: relative;
}

.generic-enumeration-ct5 ul li:before {
    content: "\F582";
    font-family: 'bootstrap-icons';
    position: absolute;
    top: 0px;
    left: 0;
    z-index: +1;
    color: var(--unep-red);
    font-size: 8px;
}

.generic-enumeration-ct5 hr { margin-top: 50px; margin-bottom: 50px; }

.generic-enumeration-ct5 ul li:last-child {
    margin-bottom: 0;
}

.generic-enumeration-ct5 ul.checkmark-bullet-list > li:before {
	font-size: 15px; 
	content: "\F272";
	background: transparent;
}

.post-content .generic-enumeration-ct5 .container {
    width: 100%;
    margin: 0;
    padding: 0;
}


/* .chief-leadership-council */

.chief-leadership-council {}

.chief-leadership-council p {
    font-size: 14px;
    line-height: 18px;
}

.chief-leadership-council img {
    width: 180px;
    max-width: 100%;
    height: 180px;
    object-fit: cover;
}

.chief-leadership-council h3 { }
.chief-leadership-council h4 { font-size: 20px; line-height: 26px; }

/* speakers enumeratio row - bogus page */

.speaker-enumeration-row {
    display: flex;
    align-items: flex-start;
}

.speaker-enumeration-row .speaker-enumeration {
    margin-right: 15px;
    max-width: 150px;
    cursor: pointer;
}

.speaker-enumeration-row .speaker-enumeration:last-child {
    margin-right: 0;
}

.speaker-enumeration-row img {
    width: 150px;
    height: 183px;
    min-width: 150px;
    object-fit: cover;
}

.speaker-enumeration-row .speaker-enumeration p {
    font-size: 20px;
    line-height: 26px;
    margin: 5px 0;
}

.speaker-enumeration-row .speaker-enumeration small {
    font-size: 14px;
    line-height: 20px!important;
    display: block;
}


/* Fix admin bar overlap */

.admin-bar .fixed-top {
    top: 32px;
    @media screen and (max-width: 782px) {
        top: 46px;
    }
}

/**
* Tables: tablepress and custom table
*/

.tablepress {}

.tablepress tbody td {
    font-family: inherit;
}

.tablepress td {
    width: 60px;
}

.tablepress tr {
    border-bottom: dotted 1px var(--unep-darkgray);
}

.tablepress tr td {
    padding-bottom: 55px!important;
    padding-top: 25px!important;
}

.tablepress tr td.column-1 {
    padding-right: 65px;
    font-size: 16px;
    line-height: 36px;
    color: #000;
    width: auto;
    white-space: nowrap;
}

.tablepress tr td.column-2 {
    font-size: 18px;
    line-height: 24px;
    color: #000;
}

.tablepress .even td {
    background: none;
    border: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.tablepress .odd td {
    background: none;
    border: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.tablepress tr:hover td {
    background: none!important;
}

.unep-table {}

.unep-table tbody td {
    font-family: inherit;
}

.unep-table td {
    width: 60px;
}

.unep-table tr {
    border-bottom: dotted 1px var(--unep-darkgray);
}

.unep-table tr td {
    padding-bottom: 55px!important;
    padding-top: 20px!important;
    vertical-align: top;
}

.unep-table tr td:nth-child(1) {
    padding-right: 65px;
    font-size: 16px;
    line-height: 36px;
    color: #000;
    width: auto;
    white-space: nowrap;

}

.unep-table tr td:nth-child(2) {
    font-size: 18px;
    line-height: 24px;
    color: #000;
}

.unep-table td:nth-child(even) {
    background: none;
    border: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.unep-table td:nth-child(odd) {
    background: none;
    border: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.unep-table tr:hover td {
    background: none!important;
}
.unep-timetable { margin:0; padding: 0; line-height: 0; }
.unep-timetable .hourspan { display: block; font-weight: normal; font-size: 16px; line-height: 36px; margin: 0; padding: 0;  }
.unep-timetable .timezone { display: inline-block; font-weight: normal; font-size: 10px; line-height: 20px; background: #f2f1ec; margin: 0; padding: 0 5px; }

.paragraph-intro { font-size: 26px; line-height: 36px; font-weight: 300; margin-bottom: 30px;}
.separator-description { font-size: 20px!important; line-height: 26px!important; font-weight: 400!important; margin-top: 0; margin-bottom: 52px!important;  }
.separator-description-light { font-size: 20px; line-height: 26px; font-weight: 300; margin-top: 0; margin-bottom: 52px; }
.separator-description-light b, .separator-description-light strong { font-weight: 600; }
.paragraph-description { font-size: 18px; line-height: 24px; font-weight: 300; margin-top: 0; margin-bottom: 48px; }
.paragraph-small-text  { clear: left; margin: 0; font-size: 12px; line-height: 16px; font-weight: 300; color: #666; margin-top: 0; margin-bottom: 32px; }
.paragraph-small-text img { float: left; margin-right: 50px;}
.subtitle { font-size: 18px; line-height: 24px; font-weight: normal; color: #000; margin-top: 0; margin-bottom: 48px; }


.content-blocks { margin-top: 60px; margin-bottom: 60px; }

.content-blocks .col article.simple-gray-box { padding: 30px 30px 30px 30px; background: var(--unep-gray); font-size: 15px; line-height: 20px; font-weight: 300; height: 200px; overflow: hidden; position: relative; }
.content-blocks .col article.simple-gray-box .surtitle { font-size: 15px; color: #666; text-transform: uppercase;  }
.content-blocks .col article.simple-gray-box.gb-has-link { cursor: pointer;}
.content-blocks .col article.simple-gray-box.gb-has-link:hover .surtitle { color: #FFF; }
.content-blocks .col article.simple-gray-box.gb-has-link:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; z-index: +2; }
.content-blocks .col article.simple-gray-box:after { content: "\F138"; font-family: 'bootstrap-icons'; position: absolute; bottom: 18px; left: 30px; font-weight: bold; font-size:18px; color: var(--unep-darkblue); }
.content-blocks .col article.simple-gray-box h4 { margin-bottom: 18px; }
.content-blocks .col article.simple-gray-box p { margin: auto; overflow: hidden; text-overflow: ellipsis; line-height: 20px; max-height: 60px; }
.content-blocks .col article.simple-gray-box.gb-has-link:hover { background: var(--unep-red); color: #FFF; }
.content-blocks .col article.simple-gray-box.gb-has-link:hover:after { color: #fff;  }
.content-blocks a { color: var(--unep-darkblue);  }

.flat-button {
    position: relative;
    padding: 22px;
    font-size: 20px; font-weight: 500; line-height: 26px; width: 292px; height: 139px;
    display: inline-block;
    color: #FFF;
}

.flat-button.gb-has-link:hover { background: var(--unep-red); color: #FFF; }
.flat-button.gb-has-link:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; z-index: +2; }

.flat-button span { display: block; max-height: 52px; overflow: hidden; text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;

}
.flat-button:after {
    content: "\F138"; font-family: 'bootstrap-icons';
    position: absolute; bottom: 11px; left: 22px;
    color: rgba( 255,255,255, 0.5);
    font-size:26px;
}


ol.footnotes-ordered-list { margin: 0; padding: 0; margin-top: 50px; padding-top: 30px; font-size: 12px; line-height: 18px; color: #666; border-top: solid 1px #000; list-style-position: inside; }